campos20

Untitled

Nov 24th, 2020
601
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, { useState } from 'react';
  2. import { Button, Text, View, StyleSheet } from 'react-native';
  3.  
  4. export default function App() {
  5.   // contador e uma variavel no estado da aplicacao e setContador permite alterar esse valor.
  6.   // os dois foram criados com useState.
  7.   const [contador, setContador] = useState(0);
  8.  
  9.   return (
  10.     <View style={styles.container}>
  11.       <Text style={styles.label}>Clique aqui</Text>
  12.       <Button title={'' + contador} onPress={() => setContador(contador + 1)} />
  13.       <Button title={'Reset'} color="#8f8359" onPress={() => setContador(0)} />
  14.     </View>
  15.   );
  16. }
  17.  
  18. const styles = StyleSheet.create({
  19.   container: {
  20.     flex: 1,
  21.     justifyContent: 'center',
  22.     backgroundColor: '#ecf0f1',
  23.     padding: 8,
  24.   },
  25.   label: {
  26.     textAlign: 'center',
  27.     padding: 5,
  28.   },
  29. });
  30.  
RAW Paste Data