我似乎无法找到任何完整的示例来创建自己的navBar组件,然后将其连接到react-native-router-flux
。 谁能帮我吗? 看看github问题,似乎这对图书馆来说是一个很大的需求。 我想要做的是:
谢谢!
这是我遇到的类似问题。 没有在线教程告诉您如何使用自定义导航栏。 我找到了一种适合我的方法。 尝试这个:
<Router navBar = {MainNavBar}>
<Scene key = "home" component = {HomeScreenContainer} title = "Home" initial = {true} />
</Router>
这是您定义场景的主Root组件的代码。 您必须在路由器或您想要导航栏的任何场景中传递导航栏组件。
你的Navbar将是这样的:
<NavigationBar
leftComponent = {<TouchableOpacity><Icon name="sidebar" /></TouchableOpacity>}
centerComponent = {<Title>{props.title}</Title>}
/>
希望这可以帮助 :)