极速编程 native-react(3)

今天继续分享使用 native-react 开发我们 app 的一点经验,今天内容会涵盖如何创建路由系统。

要创建下图的导航效果我们需要安装 native-react 的插件 react navigation 。

首先创建文件然后引入 react navigation 的,然后使用 createBottomTabNavigator 来创建我们页脚tab导航。这里可以配置tab导航,属性(首页)为显示文本以及页面的别名,而后面的 HomeTab 为所要显示对应页面。

然后我们配置tab导航显示模样,如下配置

2. 红色小方格位置,为我们的二级导航这里我们用了 scrollView 来模拟导航,这样效果在很多 app 中都可以看到,我们可以通过滚动来看更多的菜单。

累了,今天就到这里吧

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180623B17M5J00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券