Button disentuh, eh muncul kotak pesan
1 min read
Kita semua pasti tau kan, yang namanya hape itu kan dipakenya dengan cara disentuh-sentuh, bukan dibelai-belai, selama ini kan kita taunya tinggal make aja hape androidnya, sekarang kita coba pelajari sedikit dasar gimana caranya bikin button atau tombol, terus pas tombolnya di sentuheh muncul kotak pesan, pesannya apa?? silahkan tentuin sendiri yaaa..
Berikut adalah contoh program membuat tombol, lalu ketika disentuh tombolnya muncul kotak pesan
import React, { Component } from 'react';
import { Button, StyleSheet, View } from 'react-native';
export default class ButtonBasics extends Component {
_onPressButton() {
alert('You tapped the button!')
}
render() {
return (
<View style={styles.container}>
<View style={styles.buttonContainer}>
<Button
onPress={this._onPressButton}
title="Press Me"
/>
</View>
<View style={styles.buttonContainer}>
<Button
onPress={this._onPressButton}
title="Press Me"
color="#841584"
/>
</View>
<View style={styles.alternativeLayoutButtonContainer}>
<Button
onPress={this._onPressButton}
title="This looks great!"
/>
<Button
onPress={this._onPressButton}
title="OK!"
color="#841584"
/>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
},
buttonContainer: {
margin: 20
},
alternativeLayoutButtonContainer: {
margin: 20,
flexDirection: 'row',
justifyContent: 'space-between'
}
});
Tampilan dihapenya adalah sebagai berikut:
