Rect Naviagtion-StackNavigator

一、用途

官方文档介绍StackNavigator的用途是:为你的应用程序提供一种在每个新屏幕放置在堆栈顶部的屏幕之间转换的方法。

举个例子:你在头条浏览一个新闻列表,这个新闻列表页面可以认为是一个StackNavigator,当你点击某一条新闻进入详情页面时,这个详情页面也是一个StackNavigator。这时,你可以在详情页面执行返回操作返回到新闻列表页面。

二、使用API和配置

React-navigation 2.x版本以前使用StackNaviagator这个方法创建StackNaviagator,React-navigation 2.x以后新增了createStackNavigator方法来创建StackNaviagator。这两个方法的参数配置并无二致,都是一样的。createStackNavigator方法定义如下:

createStackNavigator(RouteConfigs, StackNavigatorConfig);

(1)RouteConfigs:路由配置对象是从路由名称到路由配置的映射。下面来看一段Demo代码:

const MyStackNavigator1 = createStackNavigator(
    {
        LanuchPage:LanuchPage,
        MainPage:MainPage,
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值