ReactNative中導航欄相關屬性設置

ReactNative中在對應頁面中通過設置navigationOptions來設置,常用屬性設置如下:

  1. title
    標題,如果設置了這個導航欄和標籤欄的title就會變成一樣的,不推薦使用
  2. header
    可以設置一些導航的屬性,如果隱藏頂部導航欄只要將這個屬性設置爲null
  3. headerTransparent
    是否爲沉浸式導航欄
  4. headerTitle
    設置導航欄標題,推薦
  5. headerBackTitle
    設置跳轉頁面左側返回箭頭後面的文字,默認是上一個頁面的標題。可以自定義,也可以設置爲null
  6. headerTruncatedBackTitle
    headerTruncatedBackTitle:設置當上個頁面標題不符合返回箭頭後的文字時,默認改成"返回"
  7. headerRight
    headerRight:設置導航條右側。可以是按鈕或者其他視圖控件
  8. headerLeft
    headerLeft:設置導航條左側。可以是按鈕或者其他視圖控件
  9. headerStyle
    設置導航條的樣式。背景色,寬高,底部線條等,如:
headerStyle: {
	borderBottomWidth: 0,		//0隱藏導航欄底部線
    backgroundColor: '#FFAA02', //導航欄背景色
}
  1. headerTitleStyle
    設置導航欄文字樣式
  2. headerBackTitleStyle
    設置導航欄‘返回’文字樣式
  3. headerTintColor
    設置導航欄顏色
  4. headerPressColorAndroid
    安卓獨有的設置顏色紋理,需要安卓版本大於5.0
  5. gesturesEnabled
    是否支持滑動返回手勢,iOS默認支持,安卓默認關閉
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章