如何在React Native中实现“几乎”全屏模式？

Question

我不确定您怎么称呼这种模式，但是在iOS上很流行的一种模式并不能使其全屏显示，也许距顶部有10％的利润。这是一张图片：

这是我的标准模式设置：

<Modal visible={imageViewerVisible} transparent={true} onRequestClose={() => this.setImageViewerVisible(false)} style={{ backgroundColor: 'black'}}>
      <ImageViewer imageUrls={ images } index={0} onSwipeDown={() => this.setImageViewerVisible(false) } enableSwipeDown={true} />
</Modal>

我不确定是否有可以使用的道具，或者它可能不是本机反应本机模式？甚至不知道人们在称这种形式的方式！预先感谢。

Answer 1

这就是所谓的presentationStyle！

添加proppresentationStyle =“ pageSheet”可以解决问题。

<Modal presentationStyle="pageSheet" visible={imageViewerVisible} transparent={true} onRequestClose={() => this.setImageViewerVisible(false)} style={{ backgroundColor: 'black'}}>
      <ImageViewer imageUrls={ images } index={0} onSwipeDown={() => this.setImageViewerVisible(false) } enableSwipeDown={true} />
</Modal>