Как мне добиться «почти» полноэкранного модального режима в React Native? - PullRequest
Новая
       25

Как мне добиться «почти» полноэкранного модального режима в React Native?

0 голосов
/ 16 октября 2019

Я не уверен, что вы называете этим типом модов, но тот, который моден на iOS, не совсем делает его полноэкранным, возможно, это 10% запас сверху. Вот изображение:

enter image description here

Вот мой стандарт Модальные настройки: 

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

Я неуверен, что есть опора, которую я могу использовать, или это не может быть нативная модальная реакция? Даже не уверен, что люди называют этот модальный тип! Заранее спасибо.

1 Ответ

0 голосов
/ 16 октября 2019

Это просто называется presentationStyle!

Добавление prop presentationStyle = "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>
...