注:这个是Visual Studio Code,非常好用,用来开发RN也是蛮适合的,推荐一下。
目录结构解析:
-
android (原生Android工程,AS)
-
img(这是我自己创建的,放图片)
-
js(这是我自己创建,js源代码)
-
node_modules(RN依赖的所有模块,需要通过npm去安装)
-
.flowconfig(配置文件,这个文件用于约束js代码的写法,非必须)
-
index.android.js(RN Android的入口,这里注册开发的组件)
-
package.json(RN的全局配置文件,npm init的时候会提示填入内容)
以上,没有接触过的同学可能比较蒙,具体如何搭建React Native开发环境参考:http://reactnative.cn/docs/0.46/getting-started.html#content
从index.android.js开始讲起
关于开发环境的搭建,笔者这里不多说,这个是每个要入门RN的同学都要跨过的一道坎,没有这一步后面的开发调试都是坑,你会发现非常得痛苦。
index.android.js
是Android的入口,我们看下它