callstack / callstack/react-native-pager-view

The renderLabel prop on TabBar is not working.

Aperta
#1,000 3 commenti 1 reazione 0 assegnatari Vedi su GitHub
question
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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.