React Native入门

1.安装homebrew 必需 组件

2.安装node.js 必需

3.安装watchman//监听bug和文件变化，触发指定操作 非必需

4.安装Flow //检查js语法        非必需

5.安装rn

6.创建项目react-native init XXX

7.xcode打开ios（请求服务器

{

cmd+ctrl+z-刷新

}

8.android环境

1》jdk最新版

2》安装Android studio

3》安装genymotion 网站—individual—basic

4》安装virtualBox 虚拟机

{

menu-刷新

}

9.使用 编辑器打开 项目

目录结构

config—更新配置

package.json —配置信息

主要在index.xx.js 工作

notes:

1》版本管理

react-native --version 当前版本

npm info react-native 看网上版本

npm update -g react-native-cli 更新

npm install —saver  ren-n@版本 降级到某版本

2》代码提示

插件Livetemplete

reactive.xml 拷贝到 webstrom/options或templetes 目录下

10.

1》导入组建

2》render()===viewDidLoad===返回具体的组件内容

render(){

return(

<View style={styles.container}>

</View>

);

}
3》css

const styles = StyleSheet.create({

container:{

}

})

4》注册 ，输出，自动化的

11.常见组建

View

1》弹性布局flexbox

父

flexDirection:row column 布局方向

justifyContent: 横方向 flex-start

alignItems: 竖方向 flex-start  center

flexWrap:默认nowrap不换行

子

flex:决定宽度 几分之几

alignSelf： flex-start

Image

ScrollView

ListView

...