added some examples

20250227/demo_app/App.tsx

@@ -1,10 +1,19 @@
 import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, Text, View } from 'react-native';
+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>
   );

20250227/first/app/(tabs)/index.tsx

@@ -5,10 +5,12 @@ import ParallaxScrollView from '@/components/ParallaxScrollView';
 import { ThemedText } from '@/components/ThemedText';
 import { ThemedView } from '@/components/ThemedView';
 
+const lightThemeColor = "#A1CEDC"
+
 export default function HomeScreen() {
   return (
     <ParallaxScrollView
-      headerBackgroundColor={{ light: '#A1CEDC', dark: '#1D3D47' }}
+      headerBackgroundColor={{ light: lightThemeColor, dark: '#1D3D47' }}
       headerImage={
         <Image
           source={require('@/assets/images/partial-react-logo.png')}