如何对React Native中的SVG事件做出反应?

时间:2016-06-17 08:04:32

标签: svg javascript-events react-native

问题的前奏:

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

  1. 向SVG添加新圈子
  2. 调整圆圈大小
  3. 移动圈子
  4. 删除圈子。
  5. 目前尚不清楚,我如何对React Native中的SVG事件做出反应。 (SVG事件是否与DOM事件相同(对于React Native)?)

    我googled" svg编辑反应本地"," svg反应原生事件"我找到了 :

    1. https://github.com/magicismight/react-native-svg,似乎没有对事件的支持。

    2. https://github.com/brentvatne/react-native-svgkit,也不支持事件(尽管有计划)。

    3. 问题

      如果用户在SVG中点击或拖动圆圈,我如何在React Native中对该事件做出反应?

      EDIT1:

      进一步的谷歌搜索表明React Native(尚未)支持SVG。

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

      EDIT2:

      经过一些谷歌搜索,似乎http://reapp.io/是最简单的方法。

1 个答案:

答案 0 :(得分:2)

  

https://github.com/magicismight/react-native-svg,它似乎没有对事件的支持。

确实如此,例如

<Circle cx={10} cy={10} r={20} onPress={()=>{console.log('pressed')}}/>

检查PanResponder example是否有更复杂的触摸处理,例如拖动。

  

经过一些谷歌搜索,似乎http://reapp.io/是最简单的方法。

但据我所知,这不是React-Native,对吧?