我创建了一个用于导航到各种屏幕的自定义 FAB（浮动操作按钮）。如何从堆栈导航器中删除滑动效果？

Question

我的另一个问题是如何将组件添加到我拥有的所有屏幕？

const ButtonDrawerNavigator = createDrawerNavigator();

const ButtonNavigator = () => {
  return (
    <ButtonDrawerNavigator.Navigator initialRouteName='Home'>
      <ButtonDrawerNavigator.Screen name='Home' component={HomeScreen} />
      <ButtonDrawerNavigator.Screen name='Project' component={ProjectScreen} />
      <ButtonDrawerNavigator.Screen
        name='AddProject'
        component={AddProjectScreen}
      />
      <ButtonDrawerNavigator.Screen
        name='QueueProject'
        component={QueueProjectScreen}
      />
      <ButtonDrawerNavigator.Screen
        name='Settings'
        component={SettingsScreen}
      />
    </ButtonDrawerNavigator.Navigator>
  );
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

在此先感谢您！

Answer 1

如果您想在屏幕之间导航时移除过渡效果，您可以添加

animationEnabled: false,

到你想要的堆栈屏幕选项。

reactnavigation.org/docs/stack-navigator/#animationenabled

Whether transition animation should be enabled on the screen. If you set it to false, the screen won't animate when pushing or popping. Defaults to true on iOS and Android, false on Web.

我创建了一个用于导航到各种屏幕的自定义 FAB（浮动操作按钮）。如何从堆栈导航器中删除滑动效果？

I created a custom FAB (floating action button) that's used to navigate to various screens. How to remove the swipe effect from stack navigator?

react-native

react-navigation