反应导航：模式后屏幕不可点击（编辑：这是一个错误）

Posted 2023-02-16

【中文标题】反应导航：模式后屏幕不可点击（编辑：这是一个错误）

【英文标题】：React Navigation: Screen not clickable after modal (EDIT: it's a bug)

【发布时间】：2021-12-05 12:46:19

【问题描述】：

我使用的是透明模式，但是每当我退出模式时（无论是返回还是返回另一个页面），我都无法再单击屏幕上的任何内容。这只发生在我设置 presentation: 'transparentModal' 时。

我最初认为这是一个错误，但我找不到其他人有这个问题，所以我想我做错了什么。你看到我忽略了什么愚蠢的东西吗？

导航器屏幕：

<Screen
  name="Modal"
  component=Modal
  options=
    headerShown: false,
    cardStyle: backgroundColor: 'rgba(0, 0, 0, 0.15)',
    cardOverlayEnabled: true,
    presentation: 'transparentModal',
  
/>

组件：

const Modal = (navigation) => 
  return (
    <View style=styles.container>
      <Button title="go back" onPress=() => navigation.goBack() />
    </View>
  );
;

const styles = StyleSheet.create(
  container: 
    maxHeight: (height * 2) / 3,
    backgroundColor: '#30444E',
    borderRadius: 16,
    marginHorizontal: 24,
    marginTop: height * 0.1,
    padding: 24,
  ,
);

编辑：没关系，我显然是盲人。似乎是一个图书馆issue 我只是看起来不太对劲。但除此之外，如果有人有聪明的解决方法，我将不胜感激。

【参考方案1】：

希望你一切都好。

您可以为此使用https://www.npmjs.com/package/react-native-modal。