首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

极速编程 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
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券
http://www.vxiaotou.com