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 - 當您的標籤是字符串時,要覆蓋內容部分中的文本樣式的樣式對象