javascript - 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

阅读文档和常见问题后：

解决方案是将可见道具更改为 isVisible

isVisible={modalVisible}