React Navigation
one_four_two
这个作者很懒,什么都没留下…
展开
-
React Navigation导航器之createSwitchNavigator
文章目录API参数说明RouteConfigsSwitchNavigatorConfig适用场景示例App.jsLogin.jsHome.jsAPIcreateSwitchNavigator(RouteConfigs,SwitchNavigatorConfig)参数说明RouteConfigs查看这里SwitchNavigatorConfiginitialRouteName:第...原创 2019-01-13 18:08:17 · 1947 阅读 · 0 评论 -
React Navigation安装
在使用React Navigation之前需要安装,依次运行以下命令:运行 yarn add react-navigation或 cnpm install --save react-navigation运行yarn add react-native-gesture-handler或cnpm install --save react-native-gesture-handler运行rea...原创 2019-01-14 14:35:28 · 1096 阅读 · 0 评论 -
React Navigation导航器之createBottomTabNavigator实现APP首页底部导航的效果
文章目录语法参数说明RouteConfigsnavigationOptionsBottomTabNavigatorConfig示例App.jsHome.jsDetail.jsMy.js效果图语法语法 createBottomTabNavigator(RouteConfigs,BottomTabNavigatorConfig)参数说明RouteConfigsnavigationO...原创 2019-01-13 14:13:38 · 4976 阅读 · 2 评论 -
React Navigation导航器之createMaterialTopTabNavigator实现类似于今日头条tab切换页面的效果
文章目录语法参数说明RouteConfigsTabNavigatorConfig语法createMaterialTopTabNavigator(RouteConfigs,TabNavigatorConfig)参数说明RouteConfigsTabNavigatorConfiginitialRouteName:tab页面打开的时候显示的tab页面order:由RouteCon...原创 2019-01-12 23:44:33 · 6338 阅读 · 1 评论 -
React Navigation航器之createStackNavigator实现页面间普通跳转、切换
文章目录StackNavigator语法参数说明RouteConfigsnavigationOptions配置项参数说明StackNavigatorConfig简单示例StackNavigator语法createStackNavigator(RouteConfigs,StackNavigatorConfig)参数说明RouteConfigsRouteConfigs —— 路由...原创 2019-01-22 13:16:53 · 1383 阅读 · 0 评论 -
react native中页面跳转方式
react native中页面跳转方式1、 this.props.navigation.navigate("RouteName")2、this.props.navigation.push("RouteName")3、this.props.navigation.goBack()4、this.props.navigation.popToTop()1、 this.props.navigation.na...原创 2019-01-11 21:15:56 · 1285 阅读 · 2 评论 -
React Navigation中整合redux
安装以下packagecnpm install --save react-navigation-redux-helperscnpm install --save reduxcnpm install --save react-reduxcnpm install --save redux-devtoolsApp.jsimport React from 'react'import...原创 2019-02-12 22:32:59 · 425 阅读 · 0 评论