如何在Android上增加React原生SVG元素的可触摸区域?

如何在Android上增加React原生SVG元素的可触摸区域?,android,react-native,svg,react-native-android,react-native-svg,Android,React Native,Svg,React Native Android,React Native Svg,作为SVG草图的一部分,我使用了一个非常小的点作为滑块控件。为了增加可触摸区域,我添加了一个厚的、透明的边框。这适用于iOS,但不适用于Android。我可以在Android上做些什么来解决这个问题?我已经尝试添加了hitSlop和padding,但这些似乎都不适用于SVG元素。在SVG周围添加一个透明容器,并处理您对它的触摸,而不是SVG 例如: <TouchableWithoutFeedback> <MySVGComponent /> </Touchable

作为SVG草图的一部分,我使用了一个非常小的点作为滑块控件。为了增加可触摸区域,我添加了一个厚的、透明的边框。这适用于iOS,但不适用于Android。我可以在Android上做些什么来解决这个问题?我已经尝试添加了
hitSlop
padding
,但这些似乎都不适用于SVG元素。

在SVG周围添加一个透明容器,并处理您对它的触摸,而不是SVG

例如:

<TouchableWithoutFeedback>
  <MySVGComponent />
</TouchableWithoutFeedback>


在其周围添加一个更大的容器,然后将SVG放在其中。谢谢!如果我将(透明的)更大的容器放在可见点上方,而不是将它们嵌套,那么这是可行的。请将您的解决方案添加为答案,我会将其标记为所选答案。嗯,在我的例子中,圆点是较大的SVG图形的一部分。但是你的建议确实对我有用,如果我只是修改一下的话。我在可见点的顶部放置了一个较大的透明点,并使透明点可拖动,而不是较小的点。我现在澄清了我的问题。