加载中…#React Native# 102状态机思维与状态机变量<2>
(2017-10-24 10:37:27) | 分类： 计算机相关 |
3.项目JS代码修改体验和调试程序。
这两个图说明，eslint可以使用了，并且设置自动保存调整格式为true,就不用担心对应代码格式。
1）.ESLint 配置安装：
npm
install -g eslint
配置全局安装
然后通过eslint --init 进行选择eslint
配置安装信息。最新版可以采用standard 进行下载。
这两个图说明，eslint可以使用了，并且设置自动保存调整格式为true,就不用担心对应代码格式。
"eslint.autoFixOnSave": true
2）修改JSX代码调试， 引入Dimensions,PixelRatio
,获取屏幕宽高和逻辑像素PT，逻辑像素与物理像素是有比例的关系，pixeRatio 来输出这种比例关系。
3)启动调试工具：
js端代码跟踪，使用下面图片Debug Js Remotely。
页面元素采用 npm install
-g react-devtools,并且后面运行react-devtools
直接打出对应调试工具。
4.注册Demo 和代码执行逻辑。
<</span>TextInput
style={styles.numberInputStyle}
placeholder={'请输入手机号'}
/>
里面使用官方文档上的配置属性，我只说下自己认为重要的属性。
flex:1 ,flex布局就是组件的宽高会自动扩展。
textInput 组件的高度，在Android 上面会自动调整，在IOS上必须要指定高度。
React Native 的代码执行逻辑基本上就是：开发人员编写一个组件，通过AppRegistry API 向React
Native 框架注册定义组件，RN后面将该组件渲染到手机屏幕（此时就是调用component
的render函数），并在发生UI事件时，将相应的UI事件通知给组件，这样对应的组件事件就可以相互交互处理了。
喜欢
0
赠金笔