RN开发第二天

时间:2021-11-18 08:29:19

今天上午配置了windows的Android的环境,下载node,Python,安装Android SDK和Android studio,JSK,然后配置用户变量和系统变量,然后npm install -g react-native-cli,全局安装RN的脚手架工具 ,接着react-native init project初始化RN的项目,接着cd project,最后react-native run-android运行项目,本来这样能自动运行react-native start安装好所需要的package的,但是我的项目不知道怎么回事,必须我手动在另一个命令行工具中运行react-native start先安装所需的package,然后运行react-native run-android,这样项目才能跑起来。

下午开始看了RN的第三方库react navigation,英文版本的,基本上看懂了,但是还是有些不太明白和不太会用的地方。总的来说就是StackNavigator,TabNavigator,DrawerNavigator三大导航。

1、StackNavigator: 堆栈导航,个人觉得底层应该是封装了IOS的或者Android中的Navigator,遵循后入先出的规则

2、TabNavigator: 就是tab切换类似的导航

3、DrawerNavigator: 抽屉导航,就是从右向左滑入(ios),或者从下往上滑入(android)中

react navigation封装了对IOS和Android的导航,在两个平台的呈现方式大同小异,是很欢迎的RN第三方导航库,对于具体的用法还是依据官方文档具体查看,用到哪个地方就看哪个地方,文档的英文也挺好懂的。对于导航的使用、配置,传参、样式、嵌套等都有很详细的讲解。明天上午我才看一下,然后明天晚上回来好好写点使用时遇到的问题.