react-native 調(diào)試參考
http://blog.csdn.net/quanqinyang/article/details/52215652
知識(shí)點(diǎn)
1.React Native中的尺寸都是無單位的啦扬,表示的是與設(shè)備像素密度無關(guān)的邏輯像素點(diǎn)午阵。
<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
來指定某個(gè)組件擴(kuò)張以撐滿所有剩余的空間。如果有多個(gè)并列的子組件使用了flex: 1
戳葵,則這些子組件會(huì)平分
父容器中剩余的空間瘩蚪。如果這些并列的子組件的flex值不一樣泉懦,則誰的值更大,誰占據(jù)剩余空間的比例就更大(即占據(jù)剩余空間的比等于并列組件間flex值的比)默認(rèn): 橫向并列
<View style={{flex: 1}}>
<View style={{flex: 1, backgroundColor: 'powderblue'}}/>
<View style={{flex: 2, backgroundColor: 'skyblue'}}/>
<View style={{flex: 3, backgroundColor: 'steelblue'}}/>
</View>
3.關(guān)于Flexbox
flexDirection
疹瘦、alignItems
和justifyContent
:
React Native中的Flexbox的工作原理和web上的CSS基本一致崩哩,當(dāng)然也存在少許差異。首先是默認(rèn)值不同:flexDirection的默認(rèn)值是column而不是row言沐,alignItems的默認(rèn)值是stretch而不是flex - start邓嘹,以及flex只能指定一個(gè)數(shù)字值。
具體的樣式列表:
http://reactnative.cn/docs/0.37/layout-props.html
雙數(shù)據(jù)的綁定:主要解決的是該變量增加和刪除帶來的重復(fù)地對(duì)相關(guān)組件的渲染的影響.
關(guān)于TextInput:
onChangeText
险胰、onSubmitEditing
汹押、onSubmitEditing
...
更多查看:http://reactnative.cn/docs/0.37/textinput.html
android 模擬器 獲取不了網(wǎng)絡(luò)/沒有wifi
adb shell
getprop
然后發(fā)現(xiàn):模擬器的DNS地址
進(jìn)行設(shè)置:在模擬器的Setting->無線網(wǎng)絡(luò)設(shè)置里,把“啟用數(shù)據(jù)流量”勾選上起便,讓模擬器的TopTar上出現(xiàn)3G圖標(biāo),另外在重啟模擬器后設(shè)置的property會(huì)丟失棚贾,就需要重新設(shè)置一遍,可以使用下面的方法解決:
找到你的SDK目錄榆综,里面有個(gè)system-images文件夾妙痹,這里保存著系統(tǒng)鏡像文件,用文本編輯器打開里面的build.prop文件奖年,在里面加上net.dns1=DNS
/Users/macbook/Library/Android/sdk/system-images/android-23/google_apis/x86