Question

如何为app.js文件中的所有导航栏设置通用颜色，这里我们使用createStackNavigator来导航我的app.js

import React, {Component} from 'react';
import { StyleSheet,} from 'react-native';
  import { createStackNavigator } from 'react-navigation';


import Login from './src/pages/Login';
import SignUp from './src/pages/SignUp';


export default createStackNavigator({
  Login: {
    screen: Login,
    navigationOptions: {
               header: null
       }
  },
  SignUp: {
    screen: SignUp,
    title:"SignUp",
  },

});

Answer 1

您可以在堆栈导航器的末尾使用tabBarOptions。请参阅this，以了解tabBarOptions中可用于（iOS和android）的选项。

要在所有屏幕栏中设置通用颜色，请使用以下代码。

export default createStackNavigator({
  Login: {
    screen: Login,
    navigationOptions: {
               header: null
       }
  },
  SignUp: {
    screen: SignUp,
    title:"SignUp",
  },
},
{
  tabBarOptions: {
    style : {
      height: 65 ,
      backgroundColor: 'blue' , 
    }
  }
});

如何为所有页面中的导航栏设置通用颜色（本机反应），使用createStackNavigator进行导航

1 个答案: