React Native：-如何在所有页面上使用公共抽屉和工具栏并进行控制

我是 React Native 的新手。
我想为 android 和 ios 制作一个抽屉和工具栏。
我在我有导航器的主页上编写了抽屉和工具栏的代码。

就像例如。

<Drawer>
  <Toolbar />
  <Navigator />
</Drawer>

所以我在所有内页都有抽屉和工具栏。但现在的问题是我如何控制抽屉和工具栏。
就像如果我想要一个页面，我不想显示抽屉功能，并且我想根据应用程序内的页面显示/隐藏工具栏上的选项。

任何帮助将不胜感激。

任何其他更好的方法来实现上述目标。

Thanks

也许你应该看看反应本机路由器通量 https://github.com/aksonov/react-native-router-flux。您可以在一个中心位置定义场景转换，并声明哪些场景将被抽屉包裹 https://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO.md#drawer-side-menu-integration.

import {Scene, Router} from 'react-native-router-flux';

class App extends React.Component {
  render() {
    return <Router>
      <Scene key="root">
        <Scene key="login" component={Login} title="Login"/>
        <Scene key="register" component={Register} title="Register"/>
        <Scene key="drawer" component={Drawer} open={false} >
            <Scene key="home" component={Home}/>
                    ....
            </Scene>
            <Scene key="products" component={Products}/>
        </Scene>

      </Scene>
    </Router>
  }
}

对于工具栏操作，您可以简单地在每个场景中拥有一个工具栏组件。

class Home extends React.Component {
  render() {
    return (
      <View>
        <Toolbar/>       
      </View>
  }
}

class Products extends React.Component {
  render() {
    return (
      <View>
        <Toolbar/>       
      </View>
  }
}