[react-native]android 路由跳转页面后,自动跳回TopTabNavigator首页

171 阅读1分钟

记录一个踩过的大坑

使用@react-navigation/material-top-tabs 引入createMaterialTopTabNavigator生成顶部路由页面。

然后在tab非第一页跳转到其他路由时,在安卓上会莫名其妙往回跳,跳到tab页的首页

然后就花了很多时间debugger。

最后发现居然是跳转的目标路由配置信息出现问题

     <Stack.Screen
                name="xxx"
                component={xxx}
                options={{
                //罪魁祸首
                  animationEnabled:false
            
                }}
              />

原来加上这个配置是为了解决根视图白色切换深色背景导致的闪烁问题,去掉页面路由动画。

结果就有这么一个bug!