时间戳

首页 > 解决方案 > 如何禁用反应导航的堆栈导航器转换？

react-native - 如何禁用反应导航的堆栈导航器转换？

问题描述

在 React Native (iOS) 中，React 导航的堆栈导航器具有默认的过渡动画，可根据堆栈顺序向左或向右移动屏幕。有没有办法禁用过渡动画？

标签： react-nativereact-navigation

解决方案

React Navigation 5 及更高版本

{/* Screen level */}
<NavigationContainer>
  <Stack.Navigator>
    <Stack.Screen
      name="HomeScreen"
      component={HomeScreen}
      options={{
        animationEnabled: false,
      }}
    />
  </Stack.Navigator>
</NavigationContainer>

{/* Whole navigation stack */}
<Stack.Navigator screenOptions={{ animationEnabled: false }}></Stack.Navigator>

更多选项在这里https://reactnavigation.org/docs/stack-navigator/

推荐阅读