0
593
Vistas¿Cómo cambiar el color de fondo de la barra de pestañas de Botton en React Native?
Estoy usando el paquete @react-navigation/bottom-tabs . Pero no sé cómo cambiar el color de fondo de la barra de pestañas. Aquí está mi Código.
import React from "react"; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import Home from "./TabScreen/Home"; import Category from "./TabScreen/Category"; import Search from "./TabScreen/Search"; import Profile from "./TabScreen/Profile"; import Colors from "../../../Style_Sheet/Colors"; const Tab = createBottomTabNavigator(); const Tabs =()=>{ return( <Tab.Navigator tabBarPosition="bottom" barStyle={{ backgroundColor: '#0000' }}> <Tab.Screen name="Home" component={Home} options={{headerTitle:"Explore",headerTintColor:Colors.white,}}/> <Tab.Screen name="Category" component={Category} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ) } export default Tabs;Estoy agregando debajo de la etiqueta Tab.Navigator pero no funciona.
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Para la versión 6, debe agregar opciones de pantalla como esta en Tab.Navigator
<Tab.Navigator screenOptions={{ tabBarStyle: { backgroundColor: '#000', }, }}> </Tab.Navigator>
·
Juan Pablo Isaza
Denunciar
0
Si
<Tab.Navigator screenOptions={{ tabBarStyle: { backgroundColor: '#fff', }, }}> </Tab.Navigator> no funciona, entonces cambie el Color del tema, el siguiente código funcionará al asignar el radio del borde y no puede cambiar el color de fondo 
1. import {NavigationContainer, DefaultTheme} from '@react-navigation/native';
2.
const MyTheme = { ...DefaultTheme, colors: { ...DefaultTheme.colors, background: '#fff', }, };-
<NavigationContainer theme={MyTheme}>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta