React Native 中的密码要求切换模式

Question

请问我怎样才能在 React Native 中实现这个模态罐？

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

我已经检查了一些图书馆，但他们没有提供我想要的东西。

Answer 1

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

const [showInfo, setShowInfo] = useState(false)

然后按下的黑色按钮有

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

那么正文部分有这个

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

Answer 2

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

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