callstack / callstack/react-native-pager-view

The renderLabel prop on TabBar is not working.

Open
#1,000 3 comments 1 reaction 0 assignees View on GitHub
question
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.