React Native Modal 背景无法正常工作答案

【问题标题】：React Native Modal background doesn't work properlyReact Native Modal 背景无法正常工作
【发布时间】：2021-07-15 05:19:32
【问题描述】：

我正在使用react-native-modal

这是我的模态

import Modal from 'react-native-modal';
..
....
..
   <Modal
      visible={modalVisible} //this one was the issue (should be isVisible)
      animationType={'slide'}
      swipeDirection="down"
      transparent={true}
      onRequestClose={() => closeModal()}
      onSwipeComplete={() => closeModal()}
      style={{justifyContent: 'flex-end', margin: 0}}
    >
    </Modal>

如您所见，我的想法是半开然后向下滑动关闭

我的问题是它表现得很奇怪，模态没有正确更新，有时模态打开的方式比预期的要少

【问题讨论】：

行-“我的想法是半开”是什么意思？？
@MukulSharma 我在这个 gif github.com/react-native-modal/react-native-modal/raw/master/… 中指的是 Bottom Half 之类的东西。但是要一直到中间屏幕
@MukulSharma 我已经想通了，我用谷歌搜索了它但找不到答案，所以我只是发布了问题+答案，以便其他人更快地找到它

标签： javascript reactjs react-native modal-dialog react-native-modal

【解决方案1】：

看完the documentation及常见问题：

解决方案是将 visible 属性更改为 isVisible

isVisible={modalVisible}

【讨论】：