Question

只是寻找一些指针，使用PanResponder在React Native中创建第二个可拖动元素。

所以我在componentWillMount函数

中得到了这段代码

＆＃13;

    componentWillMount = () => {
        this._panResponder = PanResponder.create({
            onStartShouldSetPanResponder: this._alwaysTrue,
            onMoveShouldSetPanResponder: this._alwaysTrue,
            onPanResponderGrant: this._handlePanResponderGrant,
            onPanResponderMove: this._handlePanResponderMove,
            onPanResponderRelease: this._handlePanResponderEnd,
            onPanResponderTerminate: this._handlePanResponderEnd
        });

＆＃13;

＆＃13; 现在显然也定义了_handlePanResponderMove等所有函数。

然后我用

将它绑定到SVG元素

＆＃13;

<Circle
   cx={this.state.x}
   cy={this.state.y}
   r="45"
   fill="white"
   {...this._panResponder.panHandlers}
/>

＆＃13;

现在，如果我只有一个SVG圈子，那么它可以正常工作。我将如何进行第二次循环 - 我确定必须有一种比创建具有所有功能的新panResponder更好的方法？在第二个SVG圈中放置相同的{... this._panResponder.panHandlers}显然不会起作用;然后两个圆圈将同时移动到相同的位置。

任何指针都将非常感激。谢谢！

React Native中的多个PanResponder（可拖动）元素

0 个答案: