关于前端:RN开发日常记录

react-native 调试参考

http://blog.csdn.net/quanqiny…

知识点

1.React Native 中的尺寸都是无单位的，示意的是与设施像素密度无关的逻辑像素点。

<View>
    <View style={{width: 50, height: 50, backgroundColor: 'powderblue'}} />
    <View style={{width: 100, height: 100, backgroundColor: 'skyblue'}} />
    <View style={{width: 150, height: 150, backgroundColor: 'steelblue'}}/>
</View>

2. 应用 flex: 1 来指定某个组件扩张以撑满所有残余的空间。如果有多个并列的子组件应用了 flex: 1，则这些子组件会 平分 父容器中残余的空间。如果这些并列的子组件的 flex 值不一样，则谁的值更大，谁占据残余空间的比例就更大（即占据残余空间的比等于并列组件间 flex 值的比）默认: 横向并列

<View style={{flex: 1}}>
    <View style={{flex: 1, backgroundColor: 'powderblue'}}/>
    <View style={{flex: 2, backgroundColor: 'skyblue'}}/>
    <View style={{flex: 3, backgroundColor: 'steelblue'}}/>
</View>

3. 对于 Flexbox
flexDirection、alignItems和 justifyContent:
React Native 中的 Flexbox 的工作原理和 web 上的 CSS 基本一致，当然也存在少许差别。首先是默认值不同：flexDirection 的默认值是 column 而不是 row，alignItems的默认值是 stretch 而不是 flex – start，以及 flex 只能指定一个数字值。

具体的款式列表:
http://reactnative.cn/docs/0….

双数据的绑定: 次要解决的是该变量减少和删除带来的反复地对相干组件的渲染的影响.

对于 TextInput:

onChangeText、onSubmitEditing、onSubmitEditing…
更多查看:http://reactnative.cn/docs/0….

android 模拟器 获取不了网络 / 没有 wifi

adb shell
getprop

而后发现: 模拟器的 DNS 地址

进行设置:在模拟器的 Setting-> 无线网络设置里，把“启用数据流量”勾选上，让模拟器的 TopTar 上呈现 3G 图标, 另外在重启模拟器后设置的 property 会失落，就须要从新设置一遍，能够应用上面的办法解决：

找到你的 SDK 目录，外面有个 system-images 文件夹，这里保留着零碎镜像文件，用文本编辑器关上外面的 build.prop 文件，在外面加上net.dns1=DNS

/Users/macbook/Library/Android/sdk/system-images/android-23/google_apis/x86