初识React Navigation

发布时间 2023-06-28 18:19:19作者: saaspeter

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 , 就是把屏幕右滑看到的,一般用户显示登录用户信息、设置等。