Javascript React Native Router Flux：如何设计NavDrawer'；按钮和导航栏？

在React Native Router Flux中，我有一个功能性的

React Native drawer

，名为

NavDrawer

。它当前在导航栏的左侧有默认的汉堡包菜单图标，并希望将其更改为另一个自定义图标。所以我尝试了，leftTitle='Menu'，但它没有改变

所以我想知道如何定制

react native drawer

的默认菜单图标？

<>和我也通过NavigalBasType 改变了导航条的高度，所以按钮现在位于导航栏底部而不是中间。因此，在

navigationBarStyle

中，我尝试了，

flex:1，flexDirection:'row'，alignItems:'center'

，但没有改变任何内容

那么如何将导航栏中的元素水平居中对齐？

代码如下：

        <Scene key='drawer' component={NavDrawer} open={false}>
          <Scene key="main" navigationBarStyle={styles.navigationBar} onRight={() => Actions.profile()} rightTitle='Profile'>
                        ...
          </Scene>
        <Scene/>

Actions.profile（）}rightTitle='profile'>
...

多谢各位

所以我想知道如何定制react native抽屉的默认菜单图标

我使用它可以让你从几个不同的集合中选择图标，包括谷歌的。在我的例子中，代码是这样的：

首先，我使用

renderLeftButton

Scene道具渲染自定义按钮

<Scene key='navigationDrawerContentWrapper' navigationBarStyle={SceneStyle.navigationBar} titleStyle={SceneStyle.title}>
   <Scene key='mainScreen' component={MainScreen} title='Main Screen' renderLeftButton={NavigationItems.menuButton} sceneStyle={SceneStyle.scene} initial={true}/>
</Scene>

---

感谢您的回复。对于第一个示例，您是否介意显示您为澄清而提供的

NavigationItems.js

示例的完整.js？至于对齐，是的，对不起，我指的是垂直居中，我尝试了一下作为

navigaitonBarStyle

，但按钮没有移动。这就是我应该做的风格吗？再次感谢您，只是想看看您是否看到我之前的评论。请让我知道。你好，很抱歉耽搁了。NavigationItems.js基本上包含这两个函数。您还可以将它们移动到定义场景的同一文件中。您是否使用

react native vector icons

或其他模块自定义了默认图标？至于对齐方式，是的，我希望在将其设置为

navigationBarStyle

时它能工作。这种风格应该在图标的父组件中定义，我猜是导航栏。是的，我尝试了图标，但没有成功。一个完整的例子会很有帮助。至于对齐，我尝试了一下，但元素根本没有移动。

const menuButton = () => {
    return (
        <TouchableOpacity onPress={openDrawer} style={Dimensions.iconSmall.touchableObject}>
            <Icon name='menu'
                size={24}
                color={#ffffff}/>
        </TouchableOpacity>
    )
}

const openDrawer = () => {
    Actions.refresh({ key: 'drawer', open: true })
}

  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  }