AppDev/20250227/demo_app/App.tsx
2025-02-27 10:20:17 +01:00

30 lines
708 B
TypeScript

import { StatusBar } from 'expo-status-bar';
import { Button, StyleSheet, Text, View } from 'react-native';
import { useState } from 'react';
export default function App() {
let [counter, setCounter] = useState(0);
let increment = () => {
setCounter(counter + 1);
}
return (
<View style={styles.container}>
<Text>Ez az első mobil appunk!</Text>
<Text>A gomb ennyiszer lett megnyomva: {counter}</Text>
<Button title='nyomj meg' onPress={increment}></Button>
<StatusBar style="auto" />
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#FF00FF',
alignItems: 'center',
justifyContent: 'center',
},
});