【问题标题】: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}

【讨论】:

    猜你喜欢
    • 2023-04-02
    • 1970-01-01
    • 2018-06-13
    • 2021-10-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-29
    • 1970-01-01
    相关资源
    最近更新 更多