如何通过在React Naitve中点击屏幕来关闭模态视图,RN Modal组件似乎不提供api
解决方法
您可以在模态组件中使用TouchableWithoutFeedback组件,并使用onPress属性来解除模态.
<Modal visible={booleanThatHandlesModalVisibility}> <TouchableWithoutFeedback onPress={() => funcToHideModal()}> <View> ... </View> </TouchableWithoutFeedback> </Modal>
如果你想要一个不隐藏模态的模态区域,你可以添加另一个没有onPress属性的TouchableWithoutFeedback来在第一个之前捕获事件,如下所示:
<Modal visible={booleanThatHandlesModalVisibility}> <TouchableWithoutFeedback onPress={() => funcToHideModal()}> <View> <TouchableWithoutFeedback> <View>...</View> </TouchableWithoutFeedback> </View> </TouchableWithoutFeedback> </Modal>
原文地址:https://www.jb51.cc/js/156598.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。