callstack / callstack/react-native-pager-view

The renderLabel prop on TabBar is not working.

Abierto
#1,000 3 comentarios 1 reacción 0 asignados Ver en GitHub
question
Lenguaje dominante
TypeScript
Estrellas
3.4k
Forks
476
Merge medio
10 d 21 h
PR fusionados (30 d)
2

Descripción

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.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza reproduciendo el informe con las versiones indicadas de React Native, React, react-native-pager-view y react-native-tab-view, utilizando los puntos de entrada de TabView y TabBar mostrados en el issue. Compara el comportamiento de renderLabel, renderTab y renderTabBarItem, y considera completo el informe solo cuando los estilos de las etiquetas se apliquen sin perder el desplazamiento de las pestañas ni el indicador activo.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
react-native, typescript
Área
mobile
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.