1. 程式人生 > 其它 >RN開發日常記錄

RN開發日常記錄

react-native 除錯參考

http://blog.csdn.net/quanqinyang/article/details/52215652

知識點

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
flexDirectionalignItemsjustifyContent:
React Native中的Flexbox的工作原理和web上的CSS基本一致,當然也存在少許差異。首先是預設值不同:flexDirection的預設值是column而不是row,alignItems的預設值是stretch而不是flex - start,以及flex只能指定一個數字值。

具體的樣式列表:
http://reactnative.cn/docs/0.37/layout-props.html

雙資料的繫結:主要解決的是該變數增加和刪除帶來的重複地對相關元件的渲染的影響.

關於TextInput:

onChangeTextonSubmitEditingonSubmitEditing...
更多檢視:http://reactnative.cn/docs/0.37/textinput.html

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