Question

我有一个问题，无论我尝试什么，我都无法使用抽屉导航器在我的Stack上工作。我已经尝试了几个示例和解决方案，但是它们都没有工作，我的导航保持默认蓝色。

在我目前的代码中，我已经打开了2个着色选项 - 这两个是我以前尝试过的很多东西。

我希望有人知道发生了什么，因为我开始变得无能为力。

const MainScreenNavigator = StackNavigator({
  'Home': {
    screen: Components.HomeScreen,
    navigationOptions: ({navigation}) => ({
      header: <Components.StackHeader title='Home' navigation={navigation} />
    })
  },
  'Scan': {
    screen: Components.ScanScreen,
    navigationOptions: ({navigation}) => ({
      header: <Components.StackHeader title='Scan QR' navigation={navigation} />
    })
  },
  'LockInfo': {
    screen: Components.LockInfoScreen,
    navigationOptions: ({navigation}) => ({
      header: <Components.StackHeader title='Lock' navigation={navigation} />
    })
  },
});

const RootNavigator = DrawerNavigator ({
  Home: {
    screen: MainScreenNavigator,
  },
});

RootNavigator.navigationOptions = {
  contentOptions: {
    activeBackgroundColor: '#ff5976',
    style: {
      backgroundColor: '#000000'
    }
  }
}

Answer 1

const ModalNavigator = StackNavigator(
{
 Main: { screen: Main },
 Login: { screen: Login },
},
{
 headerMode: 'none',
 mode: 'modal',
 navigationOptions: {
 gesturesEnabled: false,
},

https://reactnavigation.org/docs/navigators/stack#Screen-Navigation-Options

结帐以上链接，在您自己的StackNavigator，headerStyle，headerTitleStyle，headerBackTitleStyle，headerTintColor等内搜索并添加所需的样式属性......

同样对于DrawerNavigator，请查看以下链接并复制代码，并提供相同的样式属性。

https://reactnavigation.org/docs/navigators/drawer#DrawerNavigator

同时从Home，Scan和LockInfo

中删除单个引号

我的React-Native导航不会风格

1 个答案: