自定义navBar使用react-native-router-flux
发布时间:2020-12-15 05:05:55 所属栏目:百科 来源:网络整理
导读:我似乎无法找到任何完整的示例来创建自己的navBar组件,然后将其连接到react-native-router-flux.谁能帮我吗?看看 github问题,似乎这对图书馆来说是一个很大的需求.我想要做的是: 使用左按钮和右侧图像创建一个新组件. 按钮图标会根据场景而改变,但使用相同
我似乎无法找到任何完整的示例来创建自己的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>} /> 希望这可以帮助 :) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |