React Native
import * as React from 'react';
import {Component} from 'react';
import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
export default class App extends Component {
constructor(props){
super(props)
this.state = {
contador : 0,
}
}
_pressedNumber = () => {
this.setState({
contator: this.state.contador + 1
})
}
render(){
return (
<View style={styles.container}>
<TouchableOpacity onPress={this._pressedNumber}>
<Text style={styles.fonte}>{this.state.contador}</Text>
</TouchableOpacity>
</View>
)
}
}
const styles = StyleSheet.creat({
container : {
flex:1,
justifyContent:"center",
alignitens:"center",
backgroundColor: "#333"
},
fonte:{
fontSize:150,
color:"#fff"
}
})
import {Component} from 'react';
import {View, Text, StyleSheet, TouchableOpacity} from 'react-native';
export default class App extends Component {
constructor(props){
super(props)
this.state = {
contador : 0,
}
}
_pressedNumber = () => {
this.setState({
contator: this.state.contador + 1
})
}
render(){
return (
<View style={styles.container}>
<TouchableOpacity onPress={this._pressedNumber}>
<Text style={styles.fonte}>{this.state.contador}</Text>
</TouchableOpacity>
</View>
)
}
}
const styles = StyleSheet.creat({
container : {
flex:1,
justifyContent:"center",
alignitens:"center",
backgroundColor: "#333"
},
fonte:{
fontSize:150,
color:"#fff"
}
})
Comentários
Postar um comentário