React Native: кнопка за прозрачным представлением - PullRequest
Новая
       20

React Native: кнопка за прозрачным представлением

0 голосов
/ 12 октября 2018

В целях макета я отображаю несколько изображений поверх моего представления в приложении React Native.Эти изображения расположены в верхней, левой и правой границах экрана.Они содержатся в компоненте View с прозрачным фоном.

Это означает, что все содержимое экрана будет находиться за этим компонентом View.Проблема, с которой я столкнулся, заключается в том, что я не могу сейчас касаться какого-либо фактического контента, так как он покрыт прозрачным View

Вопрос: Как я могу касаться компонентов, которые находятся заПрозрачный вид в React-Native?

Я не могу быть первым, кто имеет дело с этим, но в Интернете он выглядит плохо документированным

1 Ответ

0 голосов
/ 12 октября 2018

Простым решением было бы установить pointerEvents на none для вашего прозрачного View: 

<View pointerEvents="none">
  {/* your corner images */}
</View>

Определение от MDN :

В дополнение к указанию, что элемент не является целью событий мыши, значение none инструктирует событие мыши проходить «через» элемент и нацеливать все, что находится «под» этим элементом.

Другие ресурсы:

...