多個觸摸反應/動作同時

Question

我有內部<TouchableNativeFeedback>2雙<View>充當觸摸時觸發2個獨立的櫃檯，但我不能夠同時觸摸它們。

class TouchBox extends Component { 
    constructor(props) { 
    super(props); 
    this.state = {counter: 0} 
    } 

    render() { 
    return (
     <TouchableNativeFeedback style={{flex: 1}} onPress={() => {this.setState({counter: this.state.counter + 1})}}> 
     <View style={this.props.style}> 
      <Text style={{fontSize: 75}}>{this.state.counter}</Text> 
     </View> 
     </TouchableNativeFeedback> 
    ); 
    } 
} 

我試着這樣做：

<View style={this.props.style} onStartShouldSetResponder={() => {this.setState({counter: this.state.counter + 1}}> 
      <Text style={{fontSize: 75}}>{this.state.counter}</Text> 
</View> 

，但沒有奏效。

我的主要成分是：

class TouchTest extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <TouchBox style={{backgroundColor: 'skyblue', width: 200, height: 100, alignItems: 'center'}}/> 
     <Text>Test</Text> 
     <TouchBox style={{backgroundColor: 'skyblue', width: 200, height: 100, alignItems: 'center'}}/> 
     </View> 
    ); 
    } 
} 

編輯：我想能夠同時接觸兩個計數器，並有他們的工作。現在，如果我摸一個就成了唯一的響應並阻止所有其他觸摸的同時按下我的手指。

Answer 1

查看這是TouchableNativeFeedback外需返回true，像這樣： -

<View style={this.props.style} onStartShouldSetResponder={(e) => {this.setState({counter: this.state.counter + 1}) return true;}}> 
      <Text style={{fontSize: 75}}>{this.state.counter}</Text> 
</View>