Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

getImageSource error in android materialSymbol is not working

Aberta
  • Algo errado?
#507 2 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
3/5
Tempo estimado
1-2 dias
Facilidade para iniciantes
45/100
Tipo de issue
Bug
Clareza
Precisa de esclarecimento
Status de atividade
Ativa
Stack de tecnologia
android, react-native, typescript
Domínio
mobile

Direção de pesquisa

Comece pelo ponto de entrada getImageSource e reproduza a configuração fornecida de Tab.Screen no Android, comparando-a com o caso funcional de sfSymbol no iOS. Rastreie como as opções de materialSymbol—name, variant e weight—são tratadas; o trabalho estará concluído quando o ícone da aba do Android for renderizado sem o erro relatado.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

bug
Before submitting a new issue
  • I tested using the latest version of the library, as the bug might be already fixed.
  • I tested using a supported version of react native.
  • 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
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
   <Tab.Screen
    name="Home"
    component={Home}
    // options={{ tabBarImage: { systemName: 'house.fill' } }}
    options={{
      tabBarIcon: Platform.select({
        ios: {
          type: 'sfSymbol',
          name: 'house',
        },
        android: {
          type: 'materialSymbol',
          name: 'home',
          variant: 'filled',  // ← required
          weight: 400,
        },

        default:{
          type:'materialSymbol',
          name:'home',
          variant: 'filled',  // ← required
    weight: 400,
        }
      }),
    }}
  />
Reproducible sample code
<Tab.Screen
        name="Home"
        component={Home}
        // options={{ tabBarImage: { systemName: 'house.fill' } }}
        options={{
          tabBarIcon: Platform.select({
            ios: {
              type: 'sfSymbol',
              name: 'house',
            },
            android: {
              type: 'materialSymbol',
              name: 'home',
              variant: 'filled',  // ← required
              weight: 400,
            },

            default:{
              type:'materialSymbol',
              name:'home',
              variant: 'filled',  // ← required
        weight: 400,
            }
          }),
        }}
      />
Linguagem predominante
TypeScript
Estrelas
1.5k
Forks
110
Merge médio
2d 18h
PRs com merge (30d)
2

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de callstack/react-native-bottom-tabs

Todas as issues de callstack/react-native-bottom-tabs

Issues semelhantes

Mais issues de TypeScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.