callstack / callstack/react-native-pager-view
The renderLabel prop on TabBar is not working.
- Dominant language
- TypeScript
- Stars
- 3.4k
- Forks
- 476
- Avg merge
- 10d 21h
- Merged PRs (30d)
- 2
Description
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.
Contributor guide
Assessment
This issue has not been assessed yet.