React Native Elements - 在输入周围包裹可触摸的不透明度在 IOS 中不起作用

问题描述

我在使用 React Native Elements 文本输入以及使用可触摸不透明度时遇到了一个非常奇怪的问题。

import React,{ useState } from 'react';
import { TouchableOpacity,View,Dimensions } from 'react-native';
import { Input } from 'react-native-elements';

const test = () => (
  <TouchableOpacity onPress={() => console.log('we hit here')}>
    <Input disabled>
      {children}
    </Input>
  </TouchableOpacity>
)

export default test;

所以输入框的外缘是完全可以点击的，但是，组件的中心，它不能点击。

然而，这对安卓来说是完美的。

任何想法

解决方法

如果有人遇到这个问题，那么您需要提供一个指向“none”的 pointerEvents 以使整个组件可点击：

<View pointerEvents='none'>
<Input disabled>
      {children}
    </Input>
</View>