React native 如何使TouchableOpacity仅在手机上的形状内可点击?

React native 如何使TouchableOpacity仅在手机上的形状内可点击?,react-native,touchableopacity,React Native,Touchableopacity,在网络上,塑造一个可触摸的不透明度使得只有形状是可点击的,然而在移动设备上,形状周围的整个“框”是可点击的。是否有任何方法可以使形状成为可点击的形状 我尝试过塑造视图,并将view和TouchableOpacity上的样式设置为overflow:“hidden”,但这也无法包含可触摸的区域 import React,{Component}来自'React'; 从“react native”导入{样式表、TouchableOpacity、文本、视图}; 导出默认类应用程序扩展组件{ 建造师(道具)

在网络上,塑造一个可触摸的不透明度使得只有形状是可点击的,然而在移动设备上,形状周围的整个“框”是可点击的。是否有任何方法可以使形状成为可点击的形状

我尝试过塑造视图,并将view和TouchableOpacity上的样式设置为overflow:“hidden”,但这也无法包含可触摸的区域

import React,{Component}来自'React';
从“react native”导入{样式表、TouchableOpacity、文本、视图};
导出默认类应用程序扩展组件{
建造师(道具){
超级(道具);
this.state={count:0};
}
onPress=()=>{
这是我的国家({
计数:this.state.count+1,
});
};
render(){
返回(
触摸这里
{this.state.count!==0?this.state.count:null}
);
}
}
const styles=StyleSheet.create({
容器:{
弹性:1,
为内容辩护:“中心”,
水平方向:10,
溢出:“隐藏”,
},
按钮:{
对齐项目:“居中”,
背景颜色:“#DDDDDD”,
填充:10,
边界半径:640,
身高:320,
宽度:320,
溢出:“隐藏”,
},
计数容器:{
对齐项目:“居中”,
填充:10,
},
计数文本:{
颜色:“#FF00FF”,
},
});
这是我的问题的一个例子