3つの成分(Button
,TouchableOpacity
,TouchableHighlight
)はすべてこれに使用できます。それらはすべてユーザーのプレスの相互作用の機能を起動するプロパティーを持っています(onPress
)。どちらを使用するかは、主に設計と実装の好みです。
例
_onPress = (value) => {
console.log(value); // Do something with the value
}
render() {
return (
<View>
<Button onPress={() => this._onPress('Some Button Value')} title="Press Me!" />
<TouchableOpacity onPress={() => this._onPress('Some TouchableOpacity Value')}>
<Text>{'Press Me!'}</Text>
</TouchableOpacity>
<TouchableHighlight onPress={() => this._onPress('Some TouchableHighlight Value')}>
<Text>{'Press Me!'}</Text>
</TouchableHighlight>
</View>
)
}