react-native导航器 react navigation 介绍

Posted axel10

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react-native导航器 react navigation 介绍相关的知识,希望对你有一定的参考价值。

 

开发环境搭建好之后,想要进一步了解react-native,可以先从react-native官网上的电影列表案例入手:

https://reactnative.cn/docs/0.51/sample-application-movies.html

完成这个案例后,你可能会发现该案例并没有实现点击条目跳转。所以本篇来介绍一下react-native中占主流地位的导航组件 react navigation 。

首先在项目根目录下运行 yarn add react-navigation,注意,这里最好不要用npm,用npm容易导致在部署之后报找不到模块的异常。

 

react-navigation的官方文档:

https://reactnavigation.org/docs/getting-started.html

官方文档已经写得很简洁易懂了,只要有一些react基础,按照文档上的案例一步步来,很容易就可以掌握用法。

如果是第一次接触react,还是建议从基本的react开始学习。

由于react-native及其相关组件的更新速度较快,api变动幅度也比较大。所以学习的时候建议优先从官方文档入手,以免教程上的api过时导致各种异常。

以上是关于react-native导航器 react navigation 介绍的主要内容,如果未能解决你的问题,请参考以下文章

React-Native:导航到堆栈导航器中的抽屉

如何设计 React-Native Android 应用的导航器结构?

不使用导航器的 React-Native 传递道具?

当用户在 react-native 应用程序中注销时,选项卡导航器不会重置

react-native:无法读取未定义的属性“导航”

React-Native中导航组件react-navigation的使用