Как отправить событие касания на определенную позицию экрана в React Native? - PullRequest
Новая
       43

Как отправить событие касания на определенную позицию экрана в React Native?

0 голосов
/ 28 апреля 2020

Я хочу активировать два вида одним движением. Поэтому я ищу способ отправки событий касания на каждую позицию действия смахивания. 

import React, {Component} from 'react';
import {View, Text, StyleSheet} from 'react-native';

class App extends Component {
  constructor() {
    super();
    this.state = {
      myText: 'My Original Text',
    };
  }

  _onTouchChildView() {
    alert('touching child');
  }

  _onGestureMove(event) {
    this.setState({
      myText: `x : ${event.nativeEvent.locationX}, y : ${
        event.nativeEvent.locationY
      }, node : ${event.nativeEvent.target}`,
    });
  }

  render() {
    return (
      <View
        style={styles.container}
        onTouchMove={this._onGestureMove.bind(this)}>
        <View style={styles.view}>
          <Text>{this.state.myText}</Text>
        </View>
        <View style={styles.view2} onTouchMove={this._onTouchChildView} />
        <View style={styles.view2} onTouchMove={this._onTouchChildView} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    padding: 60,
    backgroundColor: '#444',
    alignItems: 'center',
    transform: [{perspective: 500}, {rotateX: '20deg'}, {translateY: -120}],
  },
  view: {
    backgroundColor: '#17c',
  },
  view2: {
    marginTop: 150,
    width: 100,
    height: 100,
    backgroundColor: '#c71',
  },
});

export default App;

Другими словами, я прошу указать, не касается ли путь пролистывания в представлении контейнера его дочернего представления.

Спасибо за помощь я.

...