今天继续分享使用 native-react 开发我们 app 的一点经验,今天内容会涵盖如何创建路由系统。
要创建下图的导航效果我们需要安装 native-react 的插件 react navigation 。
首先创建文件然后引入 react navigation 的,然后使用 createBottomTabNavigator 来创建我们页脚tab导航。这里可以配置tab导航,属性(首页)为显示文本以及页面的别名,而后面的 HomeTab 为所要显示对应页面。
然后我们配置tab导航显示模样,如下配置
2. 红色小方格位置,为我们的二级导航这里我们用了 scrollView 来模拟导航,这样效果在很多 app 中都可以看到,我们可以通过滚动来看更多的菜单。
累了,今天就到这里吧
领取专属 10元无门槛券
私享最新 技术干货