Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

--- oktatas:telefon:react_native:lista [2023/03/18 10:46] – [Megvalósítás] admin
+++ oktatas:telefon:react_native:lista [2023/03/18 18:57] (aktuális) – [React Native lista] admin
@@ Sor 7: / Sor 7: @@
   * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
   * Web: https://szit.hu
+====== Egyszerűen ======
+<code javascript App.js>
+import { StatusBar } from 'expo-status-bar';
+import { FlatList, StyleSheet, Text, View } from 'react-native';
+const employees = [
+  {id: 1, name: 'Erős István', city: 'Szeged'},
+  {id: 2, name: 'Táncos Ernő', city: 'Szeged'},
+  {id: 3, name: 'Szabó Tamás', city: 'Szeged'}
+];
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Dolgozók</Text>
+      <FlatList
+      data={employees}
+      renderItem={({ item }) => (
+        <View style={styles.item}>
+          <Text>{item.name}</Text>
+          <Text>{item.city}</Text>
+        </View>
+        )}
+      />
+      <StatusBar style="auto" />
+    </View>
+  );
+}
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: 200,
+  },
+  item: {
+    flexDirection: 'row',
+  },
+  title: {
+    marginTop: 24,
+  },
+});
+</code>
 ===== Megvalósítás =====