关于前端: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