callstack / callstack/react-native-pager-view
The renderLabel prop on TabBar is not working.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 3.4k
- Forks
- 476
- Ø Merge
- 10 T. 21 Std.
- Gemergte PRs (30 T.)
- 2
Beschreibung
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.
Beitragsleitfaden
Rechercherichtung
Beginnen Sie damit, den Bericht mit den aufgeführten Versionen von React Native, React, react-native-pager-view und react-native-tab-view zu reproduzieren, wobei Sie die im Issue gezeigten TabView- und TabBar-Einstiegspunkte verwenden. Vergleichen Sie das Verhalten von renderLabel, renderTab und renderTabBarItem und betrachten Sie den Bericht erst dann als vollständig, wenn Label-Stile angewendet werden, ohne dass das Tab-Scrolling oder der aktive Indikator verloren gehen.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react-native, typescript
- Bereich
- mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100