​

知识点

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>


RN开发日常记录_像素点

3.关于Flexbox

​​flexDirection​​、​​alignItems​​和​​justifyContent​​:

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

RN开发日常记录_默认值_02

RN开发日常记录_html_03

RN开发日常记录_默认值_04

RN开发日常记录_android_05

RN开发日常记录_像素点_06

具体的样式列表:

​​http://reactnative.cn/docs/0.37/layout-props.html​​

双数据的绑定:主要解决的是该变量增加和删除带来的重复地对相关组件的渲染的影响.

关于TextInput:

​​onChangeText​​、​​onSubmitEditing​​、​​onSubmitEditing​​...

更多查看:​​http://reactnative.cn/docs/0.37/textinput.html​​

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

adb shell
getprop


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

RN开发日常记录_android_07

RN开发日常记录_android_08

进行设置:在模拟器的Setting->无线网络设置里，把“启用数据流量”勾选上，让模拟器的TopTar上出现3G图标,另外在重启模拟器后设置的property会丢失，就需要重新设置一遍，可以使用下面的方法解决：

找到你的SDK目录，里面有个system-images文件夹，这里保存着系统镜像文件，用文本编辑器打开里面的build.prop文件，在里面加上net.dns1=DNS

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