React Native项目简介及改变主轴方向

react

一：RN项目简介

配置完RN开发环境后，通过webstorm新建一个测试项目，进入项目跟目录如下图

1.android:此目录下是RN生成的android对应项目目录，运行Android失败时可以检测buildToolsVersion，gradle等是否一致

2.iOS：对应RN生成的项目目录(不太熟，省)

3.node_modules：依赖库，可以删除，删除后可以通过nmp install 指令重新生成

4.index.js：项目入口文件

5.app.js：开发编辑页面(之前分为两个Android.js和ios.js，更新之后合二为一)

二：对APP.js页面做简要说明：

如图：页面由3部分组成：

1：如箭头所指：该部分是导入的类库部分

2：该部分是进行页面布局等操作的部分

3：该部分是定义styles样式部分

三：通过flexDirection切换主轴方向

在跟布局设置flexDirection，图一值为“”row“，图2值为"column"