如何禁用React Native中的Modal组件上的“向下滑动关闭”？

3 回答

• 1

  要在评论中回答@Nikolai，我正在使用React Navigation .

  我没有意识到导航器中的手势设置也控制了反应原生模态的手势 .

  关闭手势解决了我的问题 .

  const HomeScreenContainer = StackNavigator(
    {
      HomeScreen: { screen: Screens.HomeScreen },
      PostScreen: { screen: Screens.PostScreen },
      CameraScreen: { screen: Screens.CameraScreen },
      CameraRollScreen: { screen: Screens.CameraRollScreen },
    },
    {
      navigationOptions: {
        gesturesEnabled: false,
      },
    },
  );
  

  回复于 2024-04-26T19:27:55+08:00
• 3

  除了@ GollyJer的答案之外，如果要禁用单个模态的滑动手势，您还可以执行以下操作：

  const AppNavigator = StackNavigator({
      ModalScreen: {
        screen: ModalScreen,
        navigationOptions: {
          gesturesEnabled: false
        },
      }
  }
  

  回复于 2024-04-26T19:27:55+08:00
• 1

  也有点挣扎 . 这对我有用：

  如果您将根导航器作为模态并且在其中另一个要为其禁用手势的堆叠导航器，则将其放入堆叠导航器的根导航器中，在v2.12 iOS中为我工作
  navigationOptions: { gesturesEnabled: false, },

  这是完整的代码：

  const RootStack = createStackNavigator(
    {
      LoginNavigator: {
        screen: LoginNavigator,
        navigationOptions: {
          gesturesEnabled: false,
        },
      },
      ModerationNavigator: {
        screen: ModerationNavigator,
      },
      WalletNavigator: {
        screen: WalletNavigator,
      },
      FloatingNavigator: {
        screen: FloatingNavigator,
      },
      UIKitNavigator: {
        screen: UIKitNavigator,
      },
      MainMapViewScreen: {
        screen: MainMapViewScreen,
      },
      FullscreenPhotoScreen: {
        screen: FullscreenPhotoScreen,
      },
    },
    {
      mode: 'modal',
      initialRouteName: 'MainMapViewScreen',
      headerMode: 'none',
      header: null,
    },
  );
  

  回复于 2024-04-26T19:27:55+08:00