反应原生 BottomTabNavigator 奇怪的 Animation

Question

我为 3 个不同的屏幕创建了一个 BottomTabNavigator，当在一个更改后更改屏幕上的选项卡时，会出现一个奇怪的 animation，这使得所有屏幕 go 上下一个选项卡更改，我如何禁用这个奇怪的 Z6F1C25ED15230962BZ ？

视频： https://youtu.be/yN8Vm7C_4eo

代码

 import { createStackNavigator } from "react-navigation-stack"; import { createAppContainer } from "react-navigation"; import { createBottomTabNavigator } from "react-navigation-tabs"; const createNavigator = (mainScreen) => { const Navigator = createStackNavigator({ screen1: mainScreen, SettingsScreen: SettingsScreen, InfoScreen: InfoScreen, }); return Navigator; }; const TabNavigator = createBottomTabNavigator({ GünlükListe: createNavigator(TodayListScreen), Favoriler: createNavigator(FavoritesScreen), BütünListe: createNavigator(AllListScreen), }); export default createAppContainer(TabNavigator);

Answer 1

您设置导航的方式会导致性能不佳。 我建议在这个意义上重写它。

const AuthStack = createStackNavigator({
  //config
})

const MainStack = createStackNavigator({
  //config
})


const BottomNav = createBottomTabNavigator({
//config
})

const MainAppStack = createStackNavigator({
 Main:MainStack,
 BottomNav: bottomNav
})

const Navigator = createSwitchNavigator({
Auth:Authstack,
MainApp: MainAppStack
})

export default createAppContainer(Navigator);

Answer 2

问题解决了，我切换到 React Navigation v5，并没有像 v5 中那样奇怪的 animation。