ios - 创建可触摸的 React-Native-Art 对象?

标签 ios svg react-native

所以我是 React Native 的新手,我开始怀疑这是否可能。我有 React Art 的项目设置 - 但我想与我用艺术创建的绘图对象进行交互。

假设有一个主视图,在这个 View 中是一个绘图表面。在该表面内,我使用 svg 形状等渲染了两个不同的绘图。是否可以在 React Native 中单独触摸这两个绘图?

我尝试的一切似乎都搞砸了,因为你不能触摸非本地对象......我如何包装我的绘图以便它们可以触摸?

如果我不能这样做:我如何创建基本上可以在我的 React Native 应用程序中充当按钮的 svg 绘图?

如果你去这里,那是我开始涉足 reactArt 的地方:http://browniefed.com/blog/2015/05/03/getting-react-art-running-on-react-native/ 我基本上是想把本文中绘制的 VectorWidget 拿过来,让它可以触摸。

编辑:

class cardboardtests extends Component {

  _handlePress(data) {
    console.log("asdf");
  }

  render() {
    return (
      <TouchableWithoutFeedback onPress={ this._handlePress("asdf") }>
        <View>
          <Surface
            width = {width}
            height = {height}
          >
            <CBCard/>
          </Surface>
        </View>
      </TouchableWithoutFeedback>
    );
  }
}

最佳答案

我在实现星级评分组件时遇到了同样的问题,其中每颗星都是一个 svg 组件,无法将触摸处理程序附加到它们。

我修复它的方法是用 Touchable 组件包裹该元素。

有点像,

<TouchableWithoutFeedback onPress={__your_handler__}>
    <View>
        <Surface>
            <Shape d={__svg_path__}>
        </Surface>
    </View>
</TouchableWithoutFeedback>

关于ios - 创建可触摸的 React-Native-Art 对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35497687/

相关文章:

ios - 检查坐标有效性 - UITextField - iOS

当应用程序在后台运行时, native 深层链接

React-Native无法读取null的属性 'bindings'

iphone - 基于位置的本地通知

ios - MDM OTA : Last profile in iDevice enrollment

ios - 试图让我的投票系统工作并在 Parse 中登录后端

javascript - 我可以获取引用外部 svg 的 use 元素的内容吗?

iphone - UIWebview 操作 SVG 'on the fly'

c# - 当所需的 XElement 名称直到运行时才知道时,如何从 XDocument 获取属性值?

javascript - 组件在功能组件内无法正常工作