入门 React-Native，app的初步尝试

最近对制作相应的app有了兴趣，就研究起 React-Native，大致浏览了一下，发现语法跟 React 还是很像的，于是，阅读了官网，学习一样东西，就得先把他尝试搭起来再看看啦，于是，便跟着官网搭建起环境起来。

https://reactnative.cn/docs/getting-started.html（这里给读者提供下相应官网啦，比较方便，哈哈）

先展示下笔者经过耐心尝试后，编码实现的一个界面，嘻嘻~

然后本人对环境搭建做一下总结：

（文章末尾有安装包彩蛋）

1. 首先需要安装node, python2, Javajdk，配置环境

官网表明 node 版本必须大于10， 嗯。。。坑点来了，笔者安装了node(12.13.1) 的版本，结果在最后项目运行不起来。。。。

后来重新安装了node(12.10.0）版本，项目即运行没出现任何问题，内部原因，还需再深究。。

pytho安装了(2.7.17)版本， Javajdk安装了(1.8.0_202)版本

有一些环境安装完，便自动帮你配置环境变量，有一些便没有，如node一般就有的，若没有则可自己再配一下。

windows系统中，一般直接在搜索那里直接打编辑就会出来，具体如何配可自行百度一下，或者给笔者留言也是可以的。

配置完成后可自行检查一下

即说明完成

2. 安装 Android Studio

这里官网也给出了相应的网址供大家安装，安装Android Studio， 主要是用于安装相应的AndroidJdk，还有其他一些相应的工具，那相应的工具官网也有做详细的说明，这里也再总结列一下：

AndroidJdk版本 Android 9 (Pie)

Android SDK Platform 28

Intel x86 Atom_64 System Image（官方模拟器镜像文件，使用非官方模拟器不需要安装此组件）

Android SDK Build-Tools(28.0.3)

上述这些，在Android Studio的欢迎界面Configure ➡ SDK Manager ➡ SDK Platforms ➡ Show Package Details 可看到。

3. 配置相应AndroidJdk环境变量

4. platform-tools 目录添加到环境变量 Path 中

5. 创建并运行项目

到这里，相应的工具总算是基本下载配置完了，接着安装相应的命令行工具， react-native，用于后期的创建项目

npm i react-native

安装完成后便可新建项目了

react-native init 你的项目名

笔者是用真机直接运行项目看效果的，直接将手机用usb连接到电脑，手机开启开发者模式，打开允许usb安装软件等权限，关于手机如何开启开发者模式，每款手机的操作可能不一样，这里可自行百度解决。

进入项目根目录，运行项目

react-native run-android

在手机上将会自动安装我们创建的项目app。并展现出React-Native首页。至此，项目基本成功运行！

若是在运行项目过程中，出现各种红屏也不要慌张，多看下是什么原因，耐心解决即可。

6. 相应彩蛋

至于如何实现文章开头那样的登录界面，可等笔者往后的文章做相应的介绍。

以及关于文中提到的相应的各种环境工具安装，笔者自己整理下相应的安装包资源，可直接在笔者的公众号回复安装包，即可直接全部获取，相应的资源都为以上提到的版本，愿大家万事开头易，有其他问题也可跟读者探讨！