callstack / callstack/react-native-bottom-tabs

getImageSource error in android materialSymbol is not working

Open
#507 2 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
1.5k
Forks
109
Avg merge
11h 44m
Merged PRs (30d)
8

Description

### Before submitting a new issue

- [x] I tested using the latest version of the library, as the bug might be already fixed.
- [x] I tested using a [supported version](https://github.com/reactwg/react-native-releases/blob/main/docs/support.md) of react native.
- [x] I checked for possible duplicate issues, with possible answers.

### Bug summary

I tested in ios it is working sf symbol but in android it throws error

Image

### Library version

0.84.1

### Environment info

```shell
info Fetching system and libraries information...
System:
OS: macOS 26.3.1
CPU: (8) arm64 Apple M2
Memory: 99.41 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 25.8.1
path: /opt/homebrew/bin/node
Yarn: Not Found
npm:
version: 11.11.0
path: /opt/homebrew/bin/npm
Watchman:
version: 2026.03.16.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.16.2
path: /Users/monilraycha/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.2
- iOS 26.2
- macOS 26.2
- tvOS 26.2
- visionOS 26.2
- watchOS 26.2
Android SDK: Not Found
IDEs:
Android Studio: 2025.3 AI-253.30387.90.2532.14935130
Xcode:
version: 26.3/17C529
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.18
path: /usr/bin/javac
Ruby:
version: 3.2.2
path: /Users/monilraycha/.rbenv/shims/ruby
npmPackages:
"@react-native-community/cli":
installed: 20.1.0
wanted: 20.1.0
react:
installed: 19.2.3
wanted: 19.2.3
react-native:
installed: 0.84.1
wanted: 0.84.1
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: true
```

### Steps to reproduce

### Reproducible sample code

```js

```

Contributor guide

Open the contributing guide

Research direction

Start at the getImageSource entry point and reproduce the supplied Tab.Screen configuration on Android, comparing it with the working iOS sfSymbol case. Trace how the materialSymbol options—name, variant, and weight—are handled; done means the Android tab icon renders without the reported error.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Needs clarification
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.