React Navigation（五）-createSwitchNavigator(API)

最新推荐文章于 2022-03-19 17:01:35 发布

翻译最新推荐文章于 2022-03-19 17:01:35 发布 · 2.4k 阅读

本文介绍了SwitchNavigator的基本概念及用途，它用于实现单一屏幕显示并可在不同路由间切换。文章详细阐述了createSwitchNavigator的用法，包括如何定义路由配置、初始路由名称等关键属性。

SwitchNavigator的目的是每次只显示一个screen。默认不处理返回行为，并且当离开的时候将路由复位到默认状态。

API 定义

createSwitchNavigator(RouteConfigs, SwitchNavigatorConfig);

RouteConfigs

第一个参数是对象，是路由名称与路由配置的映射。告诉导航器要把什么展示给路由。与createStackNavigator一样。

SwitchNavigatorConfig

传递到底层路由器的若干属性，以修改导航逻辑。

initialRouteName - 首次加载时，初始tab路由的名称.
resetOnBlur - 离开screen时，复位嵌套导航器的状态. 默认是true.
paths - 路由名称与路径配置的映射, 覆盖第一个参数中的设置.
backBehavior - 返回按键按下时，是否先切换到初始路由? 如果是, 设置成 initialRoute, 否则 none. 默默认 none .（如果有若干个tab，当前不在第一个，那么按下返回键时，首先切换到第一个tab）