callstack / callstack/react-native-pager-view
The renderLabel prop on TabBar is not working.
- Lingua principale
- TypeScript
- Stelle
- 3.4k
- Fork
- 476
- Merge medio
- 10g 21h
- PR unite (30g)
- 2
Descrizione
Hello everyone!
I’m using package versions
- "react-native": "0.79.2",
- "react": "19.0.0",
- "react-dom": "19.0.0",
- "react-native-pager-view": "^6.7.1",
- "react-native-tab-view": "^4.1.0",
` const renderTabBar = (props: any) => (
(
{route.title}
)}
/>
);
`
and
``
But there are no style changes to the tabs.
If I remove activeColor={color.mainColor} and inactiveColor="#9ca3af",
the tab text color becomes white and blends into the background.
I also tried using the renderTab prop, but the result was the same.
I attempted to create a custom component using renderTabBarItem,
but in that case, the tab scroll and the bottom active indicator disappear.
Has anyone experienced this kind of behavior?
I’d be grateful for any information.
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia riproducendo il report con le versioni indicate di React Native, React, react-native-pager-view e react-native-tab-view, utilizzando gli entry point TabView e TabBar mostrati nell'issue. Confronta il comportamento di renderLabel, renderTab e renderTabBarItem e considera completo il report solo quando gli stili delle label vengono applicati senza perdere lo scorrimento delle tab o l'indicatore attivo.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react-native, typescript
- Ambito
- mobile
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 25/100