Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 如何在react Native中响应SVG事件?_React Native_Svg_Dom Events - Fatal编程技术网

React native 如何在react Native中响应SVG事件?

React native 如何在react Native中响应SVG事件?,react-native,svg,dom-events,React Native,Svg,Dom Events,问题的前奏: 我计划在React Native中创建一个超级简单的SVG编辑器,具有以下功能: 在SVG中添加一个新圆圈 调整圆的大小 把圆圈转过来 去掉圆圈 不清楚的是,如何在react Native中响应SVG事件。(SVG事件是否与DOM事件相同(对于React Native)?) 我在谷歌上搜索了“svg编辑器反应本机”、“svg反应本机事件”,发现: ,似乎它不支持事件 ,也不支持事件(但按计划进行) 问题: 如果用户点击或拖动SVG中的圆圈,我如何在react Native中响应该事

问题的前奏:

我计划在React Native中创建一个超级简单的SVG编辑器,具有以下功能:

  • 在SVG中添加一个新圆圈
  • 调整圆的大小
  • 把圆圈转过来
  • 去掉圆圈
  • 不清楚的是,如何在react Native中响应SVG事件。(SVG事件是否与DOM事件相同(对于React Native)?)

    我在谷歌上搜索了“svg编辑器反应本机”、“svg反应本机事件”,发现:

  • ,似乎它不支持事件

  • ,也不支持事件(但按计划进行)

  • 问题

    如果用户点击或拖动SVG中的圆圈,我如何在react Native中响应该事件

    编辑1:

    进一步的谷歌搜索表明SVG在React Native(React Native)中不受支持

    仅仅使用SVG+ReactJS+Cordova来实现这一目标会更容易吗(即使用React编写一个简单的SVG编辑器并将其部署到手机上)

    编辑2:

    在更多的谷歌搜索之后,这似乎是最简单的方法

    ,似乎它不支持事件

    的确如此,例如

    <Circle cx={10} cy={10} r={20} onPress={()=>{console.log('pressed')}}/>
    
    {console.log('pressed')}/>
    
    检查是否有更复杂的触摸处理,如拖动

    在更多的谷歌搜索之后,这似乎是最简单的方法


    但从我所能看出的情况来看,这并不是天生的反应,对吧?

    这听起来很容易成为事实,但确实很容易。谢谢