callstack / callstack/react-native-pager-view
The renderLabel prop on TabBar is not working.
- 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
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