在导航栏中同时显示标题和图片：react-native-router-flux

Question

我想在导航栏中显示图片和标题，但使用下面的代码我一次只能实现一个。

下面的代码只显示图像和汉堡包图标

<Drawer
      hideNavBar
      key="drawerMenu"
      contentComponent={SideMenu}
      drawerWidth={250}
      drawerPosition="left">

      <Scene key="dashboard"
             component={Home}
             navigationBarTitleImage = {require('./images/logo.jpeg')}
             navigationBarTitleImageStyle = {{width:30, height:30}}
             title={"Dashboard"}/>
</Drawer>

输出：

现在当我注释掉 navigationBarTitleImage 时只有标题可见，检查下面的代码和输出

<Drawer
    hideNavBar
    key="drawerMenu"
    contentComponent={SideMenu}
    drawerWidth={250}
    drawerPosition="left">
          <Scene key="dashboard"
                 component={Home}
                 //navigationBarTitleImage = {require('./images/logo.jpeg')}
                 //navigationBarTitleImageStyle = {{width:30, height:30}}
                 title={"Dashboard"}/>

    </Drawer>

输出：

我一共想要三样东西：抽屉图标、自定义图标和标题。谁能告诉我我的代码有什么问题？

Answer 1

只需使用 navBar 属性。它允许您渲染任何您想要的东西。

见docs

在导航栏中同时显示标题和图片：react-native-router-flux

Show both title and image in navigation bar: react-native-router-flux

react-native

react-native-router-flux