React Native Modal 背景无法正常工作

React Native Modal background doesn't work properly

我正在使用 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>

所以如你所见,我的想法是打开一半然后向下滑动关闭

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

看完the documentation和常见问题:

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

isVisible={modalVisible}