反应本机中的密码要求切换模式答案

【问题标题】：Password requirement toggle modal in react native反应本机中的密码要求切换模式
【发布时间】：2022-01-14 21:18:57
【问题描述】：

请问我怎样才能在 react native 中实现这种模式？

如果用户点击黑色图标，模式会显示，当用户再次点击它时，它会消失，就像在第一个屏幕截图中一样

我检查了一些库，但它们没有提供我想要的。

【问题讨论】：

【解决方案1】：

如果您正在寻找具有 onBackDropPress 回调的第三方库，您可以使用

github.com/react-native-modal/react-native-modal

【讨论】：

【解决方案2】：

不要为此使用库，而只是使用状态。如果你有功能组件，你可以这样做

const [showInfo, setShowInfo] = useState(false)

然后按下黑色按钮有

onPress={() => setShowInfo(!showInfo)}

那么文本的部分有这个

{ 显示信息 && ( ...你的文本视图在这里 ) }

【讨论】：

是的，我了解状态部分，但问题是要显示的视图是模态的，因为它覆盖了第二个文本输入。现在我看到的大多数模态，当它们显示背景时不再可点击，因此再次点击切换时状态不会改变。这就是要解决的问题，我不知道是否有任何支持。我会很感激从这里前进的道路@Adam Katz
啊抱歉我误解了你的问题，我们在工作中使用这个模态 github.com/react-native-modal/react-native-modal 它有一个 onBackdropPress 道具
谢谢，如果您不介意接受这将是非常好的答案，我将其作为答案 :)