reactnative外掛react-navigation使用心得
StackNavigator
StackNavigator(screens,configs)
const Stack = StackNavigator({
Home: {
screen: Home,
},
Profile: {
screen: Profile
}
},{
mode: `card`, // 頁面切換模式, 左右是card(相當於iOS中的push效果), 上下是modal(相當於iOS中的modal效果)
headerMode: `screen`, // 導航欄的顯示模式, screen: 有漸變透明效果, float: 無透明效果, none: 隱藏導航欄
onTransitionStart: ()=>{ console.log(`導航欄切換開始`); }, // 回撥
onTransitionEnd: ()=>{ console.log(`導航欄切換結束`); } // 回撥
});
screen頁面
export default class Home extends React.Component {
//本頁面的屬性配置
static navigationOptions = {
title: `Home`,
}
render() {
return (
<View>
<Text>Home</Text>
</View>
)
}
}
相關文章
- babel外掛開發心得Babel
- ReactNative 使用react-navigation Android 標題欄標題居中適配ReactNavigationAndroid
- Headshot外掛如何使用?Headshot外掛使用教程
- fastadmin的【外掛管理】外掛使用教程AST
- HtmlWebpackPlugin外掛和HtmlWebpackInlineSourcePlugin外掛的使用HTMLWebPlugininline
- Head 外掛使用
- PhotoSwipe外掛的使用
- 個人使用外掛合集
- Eclipse安裝lombok外掛及外掛使用案例EclipseLombok
- react-navigation 使用錦囊ReactNavigation
- 使用Autodesk Vault外掛嚮導輕鬆建立Vault外掛
- Flutter個人外掛使用整理Flutter
- videojs外掛使用IDEJS
- IDEA使用lombok外掛IdeaLombok
- 使用podspec建立iOS外掛iOS
- Vue-router外掛使用Vue
- burp外掛的使用
- storm kafka外掛使用案例ORMKafka
- Sublime使用,安裝外掛
- 我使用的brackets外掛Racket
- flask 外掛使用方法Flask
- apisix~限流外掛的使用API
- react-navigation使用介紹及UI元件外實現統一跳轉ReactNavigationUI元件
- [外掛擴充套件]違規資訊使用者舉報外掛套件
- [需求建議]外掛外部url控制器直接使用外掛配置
- 前端外掛之Datatables使用--下篇前端
- 前端外掛之Datatables使用--上篇前端
- 使用 VSCode Remote 外掛VSCodeREM
- Windows下使用ideagit外掛WindowsIdeaGit
- vscode外掛使用包VSCode
- vim外掛 NERDTree安裝使用
- 工具篇---xcode外掛使用XCode
- Flutter 外掛的建立及使用Flutter
- jQuery中cookie外掛如何使用jQueryCookie
- 我使用的 Sublime Text 外掛
- jstorm kafka外掛使用案例JSORMKafka
- 彈出框外掛layer使用
- MyBatis外掛使用–通用MapperMyBatisAPP