一、用途
官方文档介绍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,