我似乎无法找到任何完整的示例来创建自己的navBar组件,然后将其连接到react-native-router-flux.谁能帮我吗?看看
github问题,似乎这对图书馆来说是一个很大的需求.我想要做的是:
>使用左按钮和右侧图像创建一个新组件.
>按钮图标会根据场景而改变,但使用相同的图像.
>将其连接到react-native-router-flux,以便navBar正确显示并以与默认navBar相同的方式跟踪用户位置.
谢谢!
这是我遇到的类似问题.没有在线教程告诉您如何使用自定义导航栏.我找到了一种适合我的方法.试试这个:
<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>} />
希望这可以帮助 :)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。