ReactNative中在對應頁面中通過設置navigationOptions來設置,常用屬性設置如下:
- title
標題,如果設置了這個導航欄和標籤欄的title就會變成一樣的,不推薦使用
- header
可以設置一些導航的屬性,如果隱藏頂部導航欄只要將這個屬性設置爲null
- headerTransparent
是否爲沉浸式導航欄
- headerTitle
設置導航欄標題,推薦
- headerBackTitle
設置跳轉頁面左側返回箭頭後面的文字,默認是上一個頁面的標題。可以自定義,也可以設置爲null
- headerTruncatedBackTitle
headerTruncatedBackTitle:設置當上個頁面標題不符合返回箭頭後的文字時,默認改成"返回"
- headerRight
headerRight:設置導航條右側。可以是按鈕或者其他視圖控件
- headerLeft
headerLeft:設置導航條左側。可以是按鈕或者其他視圖控件
- headerStyle
設置導航條的樣式。背景色,寬高,底部線條等,如:
headerStyle: {
borderBottomWidth: 0, //0隱藏導航欄底部線
backgroundColor: '#FFAA02', //導航欄背景色
}
- headerTitleStyle
設置導航欄文字樣式
- headerBackTitleStyle
設置導航欄‘返回’文字樣式
- headerTintColor
設置導航欄顏色
- headerPressColorAndroid
安卓獨有的設置顏色紋理,需要安卓版本大於5.0
- gesturesEnabled
是否支持滑動返回手勢,iOS默認支持,安卓默認關閉