如何解决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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。