react-native - 如何用react native实现圆形图片按钮

Question

那里。
当我尝试使用 React Native 制作圆形按钮组件时。我将 Image 的 borderRadius 设置为其高度和宽度值的一半，使其看起来像圆形按钮并对其应用手势响应器。因此，当我点击圆形外部但在 Image View 周围的一些矩形区域内时，已调度响应者事件，这是意外。

我只是想不通:

是否有可能确定 Touchable* 的触摸区域以及如何确定？
手势响应系统是否支持特定区域的手势检测？任何帮助，将不胜感激!

Answer 1

尝试这个:

 <TouchableOpacity
   style={{
       borderWidth:1,
       borderColor:'rgba(0,0,0,0.2)',
       alignItems:'center',
       justifyContent:'center',
       width:100,
       height:100,
       backgroundColor:'#fff',
       borderRadius:50,
     }}
 >
   <Icon name={"chevron-right"}  size={30} color="#01a699" />
 </TouchableOpacity>