Javascript 印刷机上的可触摸不透明度不在SVG标记内工作

我在

中有一个组件，组件中有一个按钮（

，带有

）

虽然按钮

onClick

单独运行良好，但当我将组件包装到SVG中时，它就不起作用了

<Svg width={'100%'} height={'100%'} viewBox='0 0 360 243' {...props}>
  <Defs>
    <LinearGradient
        id='prefix__b'
        x1={'75.7%'}
        y1={'34.3%'}
        x2={'84.6%'}
        y2={'-9.6%'}
        gradientUnits='objectBoundingBox'
    >
      <Stop offset={1} stopColor='#2ff290' />
    </LinearGradient>
  </Defs>
  <View >
    <TouchableOpacity
                      onPress={() => {
      console.log('DSDA')
      }}
      ><Text>Click me!!</Text>
    </TouchableOpacity>
  </View>
</Svg>

{
console.log（'DSDA'））
}}
>点击我！！

---

原因是SVG作为父元素位于顶部，禁用了对

TouchableOpacity

的访问。这意味着

touchablepacity

无法访问press命令。简而言之，使用单亲元素