博客> React Native环境搭建和创建RN应用
React Native环境搭建和创建RN应用
2017-10-19 14:19 评论:0 阅读:164 hophia
React Native RN

一: React介绍: 是一套前端JavaScript框架,由Fackbook开源 特点:jsx语法,组件化模式,Virtual DOM, 单向数据流 基本模式:每个react应用可视为组件的组合.而每个react组件由属性(property)和状态(status)来配置,当状态发生变化时更新UI.组件的结构是由虚拟的DOM来维护, 确保实际更新的DOM只正产生了状态变化的部分

二: react开发环境搭建: 1.在终端安装homebrew 2.brew install node 3.brew install watchman 4.brew install flow 5.sudo npm install -g react-native-cli 搭建好之后就可以创建RN应用了. 命令react-native init HelloWorld 命令cd HelloWorld 命令ls 命令open hello world.xcodeproj 运行程序, 修改里面的index.ios.js文件 鼠标放在模拟器上command+r刷新界面 常见问题解决: Q:npm install -g react-native-cli无法安装 A:添加sudo权限安装 Q:xcode点击run之后报clang语法错误 code版本更新到最新 Q:模拟器使用command + r没反应 A: hardware->keyboard->connect hardware keyboard

三: React Native项目结构介绍: 1.包含android和iOS工程 2.node_modules是React Native的库工程文件, 所有引用的库都在这个里面 3.package.json对工程信息的说明(工程名称, 版本号, 权限是私有还是公共的, script脚本指明react-native是属于哪个目录下, react-native的版本是多少) 4.我们开发都是在index.ios.js或者index.android.js中进行.

收藏
0
sina weixin mail 回到顶部