navigationOptions:配置StackNavigator的一些屬性。
title:標(biāo)題拄查,如果設(shè)置了這個(gè)導(dǎo)航欄和標(biāo)簽欄的title就會(huì)變成一樣的,不推薦使用
header:可以設(shè)置一些導(dǎo)航的屬性,如果隱藏頂部導(dǎo)航欄只要將這個(gè)屬性設(shè)置為null
headerTitle:設(shè)置導(dǎo)航欄標(biāo)題簿姨,推薦
headerBackTitle:設(shè)置跳轉(zhuǎn)頁(yè)面左側(cè)返回箭頭后面的文字,默認(rèn)是上一個(gè)頁(yè)面的標(biāo)題潦蝇】畎荆可以自定義,也可以設(shè)置為null
headerTruncatedBackTitle:設(shè)置當(dāng)上個(gè)頁(yè)面標(biāo)題不符合返回箭頭后的文字時(shí)攘乒,默認(rèn)改成"返回"
headerRight:設(shè)置導(dǎo)航條右側(cè)贤牛。可以是按鈕或者其他視圖控件
headerLeft:設(shè)置導(dǎo)航條左側(cè)则酝⊙臭ぃ可以是按鈕或者其他視圖控件
headerStyle:設(shè)置導(dǎo)航條的樣式。背景色沽讹,寬高等
headerTitleStyle:設(shè)置導(dǎo)航欄文字樣式
headerBackTitleStyle:設(shè)置導(dǎo)航欄‘返回’文字樣式
headerTintColor:設(shè)置導(dǎo)航欄顏色
headerPressColorAndroid:安卓獨(dú)有的設(shè)置顏色紋理般卑,需要安卓版本大于5.0
gesturesEnabled:是否支持滑動(dòng)返回手勢(shì),iOS默認(rèn)支持爽雄,安卓默認(rèn)關(guān)閉
screen:對(duì)應(yīng)界面名稱蝠检,需要填入import之后的頁(yè)面
mode:定義跳轉(zhuǎn)風(fēng)格
card:使用iOS和安卓默認(rèn)的風(fēng)格
modal:iOS獨(dú)有的使屏幕從底部畫出。類似iOS的present效果
headerMode:返回上級(jí)頁(yè)面時(shí)動(dòng)畫效果
float:iOS默認(rèn)的效果
screen:滑動(dòng)過程中挚瘟,整個(gè)頁(yè)面都會(huì)返回
none:無動(dòng)畫
cardStyle:自定義設(shè)置跳轉(zhuǎn)效果
transitionConfig: 自定義設(shè)置滑動(dòng)返回的配置
onTransitionStart:當(dāng)轉(zhuǎn)換動(dòng)畫即將開始時(shí)被調(diào)用的功能
onTransitionEnd:當(dāng)轉(zhuǎn)換動(dòng)畫完成叹谁,將被調(diào)用的功能
path:路由中設(shè)置的路徑的覆蓋映射配置
initialRouteName:設(shè)置默認(rèn)的頁(yè)面組件饲梭,必須是上面已注冊(cè)的頁(yè)面組件
initialRouteParams:初始路由參數(shù)
測(cè)試中發(fā)現(xiàn),在iphone上標(biāo)題欄的標(biāo)題為居中狀態(tài)焰檩,而在Android上則是居左對(duì)齊憔涉。所以需要我們修改源碼,進(jìn)行適配析苫。
在navigationOptions中設(shè)置headerTitleStyle的alignSelf為 ' center '即可解決兜叨。
去除返回鍵文字顯示:
【node_modules -- react-navigation -- src -- views -- HeaderBackButton.js】的91行代碼處,修改為如下即可衩侥。
原文鏈接 : www.voidcn.com/blog/u013718120/article/p-6607967.html