React Native 学习（一）

目录

1.前言

        2.搭建开发环境

        3.Hello World

---

1.前言

笔者有iOS基础，没有前端基础。不会Java，不会JS，更不会React。

记录一下学习React Native过程中遇到的问题。

2.搭建开发环境

React Native有一个神奇的网站：

搭建开发环境 · React Native 中文网

由于笔者的mac拥有iOS开发环境，根据该网站的步骤搭建React Native开发环境，还是非常顺利的。

新项目建好了，AwesomeProject！下一步就是编译，离成功入门只有一步之遥了。

但这句确未能成功。仔细查看输出日志和网站提示，缺少Podfile.lock。需要先cd 至 AwesomeProject/iOS文件夹，这里才有Podfile，然后终端输入pod install，生成lock文件与xcworkspace。打开项目后，修改BundleID、证书，就可以运行了。

然而XCode并不能编辑其中的代码，需要另一个编译器WebStorm（也有别的，但推荐这个的比较多）。但要切换到XCode中才能真机运行，命令行默认是模拟器运行。

3.Hello World

• 根据下文了解初始项目的文件结构。

【React Native】 入门教程 - 简书

• 再根据下文了解一个实际项目的文件结构。

码道人