Saltar al contenido

Cambiar el color de fondo de la aplicación en React Native

Solución:

Resolví mi problema, fue causado por StackNavigator. Para resolverlo, solo agregue algunas opciones adicionales

    const HomeStack = StackNavigator(
  {
    Home: {
      screen: HomeScreen,
    },
    Item: {
      screen: ItemScreen,
      navigationOptions: ({ navigation }) => ({
        title: `${navigation.state.params.title}`,
      }),
    },
  },
  **
  {
    headerMode: 'screen',
    cardStyle: { backgroundColor: '#FFFFFF' },
  },
  **
);

Para React Navigation 5 y superior

<Stack.Navigator
    initialRouteName="dashboard"
    screenOptions={{
        headerStyle: { elevation: 0 },
        cardStyle: { backgroundColor: '#fff' }
    }}
>
    <Stack.Screen name="Home" component={HomeStack} />
</Stack.Navigator>

Para React Navigation 4 y versiones anteriores

const HomeStack = StackNavigator(
{
    Home: {
        screen: HomeScreen,
    },
},
{
    headerMode: 'screen',
    cardStyle: { backgroundColor: '#fff' },
},
);

Edite su etiqueta de vista de esta manera,

  <View style={{flex: 1,backgroundColor: '#6ED4C8'}}></View>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *