Question

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

说出一个主视图，在此视图中是绘图表面。在该表面内，我使用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>
    );
  }
}

Answer 1

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

我修复它的方法是用可触摸组件包装该元素。

有点像，

$(document).ready(function() {
    $( ".bord" ).draggable({ containment: ".rom", scroll: false });
    $( ".bord" ).draggable( "disable" );
    $("#bordplassering").click(function() {
       $(".bord").draggable( "enable" );
    });
});

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

1 个答案: