React Native Modal 背景无法正常工作

Question

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

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

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

Answer 1

看完the documentation和常见问题：

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

isVisible={modalVisible}