Neact-Native踩坑日志

React-Native

环境搭建

1，安装node.js
2，安装git软件，配置git环境变量
3，从react服务端安装react-native相关组件
–以管理员身份打开cmd
–npm install -g nrm，安装nrm模块方便切换npm下载源
–npm install -g npm@2 安装npm2（目前不知道有什么用）
–npm install -g react-native-cli安装react-native
- 如果访问国外网站速度较慢的话，可以从淘宝网镜像下载
npt install -g cnpm –registry=https://registry.npm.taobao.org 这条命令创建一个名为cnpm的安装点，再输入上述命令来进行reactnative的安装
4，React Dev tool 浏览器插件，以便调试

查看与删除使用npm命令安装的软件

--npm install -g ...安装软件，全局安装开发依赖包
--npm uninstall -g 依赖包名 删除
--npm list -g查看已经安装的开发依赖包

–如果安装过程中少了命令比如npm install -g react-native(少了-cli)，则需要删除之后在重新安装 npm uninstall -g react-native

初始化项目

--react-native init project21(项目名称)

运行这个命令后，将会在服务器端下载各种依赖包
如何查看react-native各种版本信息：访问https://github.com/facebook/feact-native/realeases
关于各种查看本机版本信息和更新问题：http://blog.csdn.net/h416756139/article/details/51565340

运行项目

（真机）
四个常用命令

adb devices //查看手机连接情况
adb reverse tcp:8081 tcp:8081 //通过adb方向代理端口，将调试电脑的8081端口反向代理到测试机上（没搞懂）
react-native run-android//第一次安装项目时，需要下载一些编译的依赖包，这里坑有点多，必须使用管理员身份运行，否则权限不够
react-native start 开始进行调试

修改index.android.js文件，在测试机上reload，调试特别方便

第一个踩踩踩

—-一个React-Native组件是一个可显示的元素

常用组件属性

• flex:1 表示组件的宽、高会动态扩展
• top,left 表示从父组件的顶端（左侧）向下（向右）多少位置显示，单位pt
• width,height：表示组件的宽度是多少，单位为pt
• backgroundColor：背景色
• textAlingh:’center’文字显示的方式是居中
• fontSize text，textinput组件中文字的大小

代码执行逻辑

• 导入一些列React Native组件与API，并且声明一组在组件中需要使用到的变量
• 当React Native框架渲染一个组件的手机屏幕上时，会调用该组件render()函数，并按render函数返回的jsx代码描述的可渲染元素来渲染手机的UI界面