初识React Navigation

React Navigation是React社区自己维护的导航的解决方案。文档参见:https://reactnavigation.org/docs/getting-started

常见的几种类型的navigation如下:
1. Tab菜单:

   参见https://reactnavigation.org/docs/tab-based-navigation ,app下面的或上面的tab菜单

2. Stack Navigator:

   参见:https://reactnavigation.org/docs/stack-navigator, 这个是多屏Screen之间的转换,例如从一个screen点击链接到了另一个screen,消息的list屏,点击其中一条message,进入详细消息页面,就是stack screen之间的跳转,之所以叫stack,我想应该是系统将多个screen的关系维护到了stack中,可以在多个screen之间返回或前进。

   如果你是先看官方文档的Fundamentals的文档,有可能会被这个Stack Navigator搞的莫名其妙,因为开始没有介绍这个是什么东西,不像tab菜单那么直观。我觉得官方文档应该先介绍下几个Navigation是什么,然后再做其他的文档,这应该放到Fundamentals系列的第一篇。

3. Drawer Navigator:

参见:https://reactnavigation.org/docs/drawer-navigator , 就是把屏幕右滑看到的,一般用户显示登录用户信息、设置等。 

 

posted @   saaspeter  阅读(16)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示