React ネイティブで、押すとタップ カウンターが増加する 2 つのボタンがあるプログラムを作成していました。問題は、1 つのボタンを押しても、もう 1 つのボタンが反応せず、カウンターが増加しないことです。ボタンは Touchableopacity で作成され、アクションは onPress によって実行されます。
<View style = {{flex:1,flexDirection:'row',justifyContent:'center'}}>
<View>
<TouchableOpacity style = {styles.button}
onPress = {() => this.start() }
>
<Text style={styles.buttonText}>
Tap
</Text>
</TouchableOpacity>
</View>
<View>
<TouchableOpacity style = {styles.button}
onPress = {() => this.start() }>
<Text style={styles.buttonText}>
Tap
</Text>
</TouchableOpacity>
</View>
</View>
</View>