Можно ли отключить компонент View в реагировать на родной?

Question

На экране моего приложения есть компонент View с несколькими текстовыми входами. Я не могу отключить ввод текста. Есть ли способ, которым я могу отключить полный просмотр?

PS: Под отключением компонента View я подразумеваю, что компонент визуализируется, но перестает отвечать на любые действия.

Answer 1

Ты можешь использовать pointerEvents:

<View pointerEvents="none">
  ...
</View>

Это сделает представление не реагирующим на сенсорные события.

Answer 2

Добавление к ответу Керумена, в некоторых редких случаях:

<View pointerEvents={myCondition ? 'none' : 'auto'}>
  ...
</View>`

Возможно, вам придется обернуть его в анонимную функцию:

<View pointerEvents={() => myCondition ? 'none' : 'auto'}>
  ...
</View>`

Answer 3

Создайте TouchableOpacity в пространстве, где вы хотите, чтобы он не реагировал на какие-либо действия. так :

      <TouchableOpacity style={{ width : 40 , height : 40}} activeOpacity={1}>
</TouchableOpacity>

в этой области нет никаких действий со стороны родительского компонента