react-navigation中修改navigation Options所對應的屬性

StackNavigator:

- navigationOptions:配置StackNavigator的一些屬性。
-
-     title:標題,如果設置了這個導航欄和標籤欄的title就會變成一樣的,不推薦使用
-     header:可以設置一些導航的屬性,如果隱藏頂部導航欄只要將這個屬性設置爲null
-     headerTitle:設置導航欄標題,推薦
-     headerBackTitle:設置跳轉頁面左側返回箭頭後面的文字,默認是上一個頁面的標題。可以自定義,也可以設置爲null
-     headerTruncatedBackTitle:設置當上個頁面標題不符合返回箭頭後的文字時,默認改成"返回"
-     headerRight:設置導航條右側。可以是按鈕或者其他視圖控件
-     headerLeft:設置導航條左側。可以是按鈕或者其他視圖控件
-     headerStyle:設置導航條的樣式。背景色,寬高等
-     headerTitleStyle:設置導航欄文字樣式
-     headerBackTitleStyle:設置導航欄‘返回’文字樣式
-     headerTintColor:設置導航欄顏色
-     headerPressColorAndroid:安卓獨有的設置顏色紋理,需要安卓版本大於5.0
-     gesturesEnabled:是否支持滑動返回手勢,iOS默認支持,安卓默認關閉
-
-
- screen:對應界面名稱,需要填入import之後的頁面
-
- mode:定義跳轉風格
-
-    card:使用iOS和安卓默認的風格
-
-    modal:iOS獨有的使屏幕從底部畫出。類似iOS的present效果
-
- headerMode:返回上級頁面時動畫效果
-
-    float:iOS默認的效果
-
-    screen:滑動過程中,整個頁面都會返回
-
-    none:無動畫
-
- cardStyle:自定義設置跳轉效果
-
-    transitionConfig: 自定義設置滑動返回的配置
-
-    onTransitionStart:當轉換動畫即將開始時被調用的功能
-
-    onTransitionEnd:當轉換動畫完成,將被調用的功能
-
- path:路由中設置的路徑的覆蓋映射配置
-
- initialRouteName:設置默認的頁面組件,必須是上面已註冊的頁面組件
-
- initialRouteParams:初始路由參數

TabNavigator的屬性

- screen:和導航的功能是一樣的,對應界面名稱,可以在其他頁面通過這個screen傳值和跳轉。
-
-
- navigationOptions:配置TabNavigator的一些屬性
-
- title:標題,會同時設置導航條和標籤欄的title
-
- tabBarVisible:是否隱藏標籤欄。默認不隱藏(true)
-
- tabBarIcon:設置標籤欄的圖標。需要給每個都設置
-
- tabBarLabel:設置標籤欄的title。推薦
-

- 導航欄配置
-
- tabBarPosition:設置tabbar的位置,iOS默認在底部,安卓默認在頂部。(屬性值:'top''bottom'-
- swipeEnabled:是否允許在標籤之間進行滑動
-
- animationEnabled:是否在更改標籤時顯示動畫
-
- lazy:是否根據需要懶惰呈現標籤,而不是提前,意思是在app打開的時候將底部標籤欄全部加載,默認false,推薦爲true
-
- trueinitialRouteName: 設置默認的頁面組件
-
- backBehavior:按 back 鍵是否跳轉到第一個Tab(首頁), none 爲不跳轉
-
- tabBarOptions:配置標籤欄的一些屬性iOS屬性
-
- activeTintColor:label和icon的前景色 活躍狀態下
-
- activeBackgroundColor:label和icon的背景色 活躍狀態下
-
- inactiveTintColor:label和icon的前景色 不活躍狀態下
-
- inactiveBackgroundColor:label和icon的背景色 不活躍狀態下
-
- showLabel:是否顯示label,默認開啓 style:tabbar的樣式
-
- labelStyle:label的樣式安卓屬性
-
- activeTintColor:label和icon的前景色 活躍狀態下
-
- inactiveTintColor:label和icon的前景色 不活躍狀態下
-
- showIcon:是否顯示圖標,默認關閉
-
- showLabel:是否顯示label,默認開啓 style:tabbar的樣式
-
- labelStyle:label的樣式 upperCaseLabel:是否使標籤大寫,默認爲true
-
- pressColor:material漣漪效果的顏色(安卓版本需要大於5.0-
- pressOpacity:按壓標籤的透明度變化(安卓版本需要小於5.0-
- scrollEnabled:是否啓用可滾動選項卡 tabStyle:tab的樣式
-
- indicatorStyle:標籤指示器的樣式對象(選項卡底部的行)。安卓底部會多出一條線,可以將height設置爲0來暫時解決這個問題
-
- labelStyle:label的樣式
-
- iconStyle:圖標樣式

DrawerNavigator屬性

- DrawerNavigatorConfig
-
-     drawerWidth - 抽屜的寬度
-     drawerPosition - 選項是左或右。 默認爲左側位置
-     contentComponent - 用於呈現抽屜內容的組件,例如導航項。 接收抽屜的導航。 默認爲DrawerItems
-     contentOptions - 配置抽屜內容
-
-     initialRouteName - 初始路由的routeName
-     order - 定義抽屜項目順序的routeNames數組。
-     路徑 - 提供routeName到路徑配置的映射,它覆蓋routeConfigs中設置的路徑。
-     backBehavior - 後退按鈕是否會切換到初始路由? 如果是,設置爲initialRoute,否則爲none。 默認爲initialRoute行爲
-
-    DrawerItems的contentOptions屬性
-
-     activeTintColor - 活動標籤的標籤和圖標顏色
-     activeBackgroundColor - 活動標籤的背景顏色
-     inactiveTintColor - 非活動標籤的標籤和圖標顏色
-     inactiveBackgroundColor - 非活動標籤的背景顏色
-     內容部分的樣式樣式對象
-     labelStyle - 當您的標籤是字符串時,要覆蓋內容部分中的文本樣式的樣式對象
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章