React-native
1.Text文本中插入圖片:View用彈性布局
<View>
? ? <Text>
? ? ? ? <Image/>
????</Text>
</VIew>
2.FlatList onEndReached 頻繁調(diào)用癌蓖,將onEndReached={this._onEndReached改為箭頭函數(shù) ()=>this._onEndReached}
3.react-native 安裝0.56出錯(cuò)問題诗芜,出現(xiàn)如圖所示兩張圖锣尉,且版本是0.56,解決方法是安裝穩(wěn)定版本阀捅,如0.55.4
4.react-navigation
? ? 4.1 createStackNavigator:用于頁面跳轉(zhuǎn)和傳遞參數(shù)(要跳轉(zhuǎn)的頁面必須在createStackNavigator中定義)谤牡。
? ?4.2? createAppContainer:3.x以后新增壶谒。需要將createStacknavigator的內(nèi)容傳給createAppContainer橱脸。
? ? 4.3 createBottom(Top)TabNavigator:底部Tab或者頂部Tab,createTabNavigator已棄用。
? ?????
??
4.4 tab頁面中的navigationOptions會(huì)與createStackNavigator中的navigationOptions沖突抱冷,所以在tab頁面中設(shè)置navigationOptions來顯示標(biāo)題欄是不可用給的崔列,需要將tab中的標(biāo)題欄設(shè)置如上上圖所示設(shè)置。
4.5 頁面之間的跳轉(zhuǎn)旺遮,傳值:在界面組件注入到StackNavigator中時(shí)赵讯,界面組件就被賦予了navigation屬性,即在界面組件中可以通過【this.props.navigation】獲取并進(jìn)行一些操作耿眉。
?????????const {navigate瘦癌,state.params} =? this.props.navigation
? ?4.5.1 跳轉(zhuǎn):?navigate(要跳轉(zhuǎn)的頁面,需要在棧導(dǎo)航器中定義)
? 4.5.2 傳值:?navigate(‘要跳轉(zhuǎn)的頁面跷敬,需要在棧導(dǎo)航器中定義‘讯私,‘第二參數(shù)為要傳遞的參數(shù)热押,已key:value傳遞如{name:'張三}’)
? 4.5.3? 接收:? ?在跳轉(zhuǎn)后的頁面接收參數(shù)state.params.name
5.react-native安裝指定版本 raect-native init rnName --version 版本號 可加上 --verbose顯示安裝詳情