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:gomb [2024/03/01 10:22] – [Pressable] admin
+++ oktatas:telefon:react_native:gomb [2024/12/12 22:17] (aktuális) – [A gomb külön fájlban] admin
@@ Sor 103: / Sor 103: @@
 ===== A gomb külön fájlban =====
+<code javascript CoolButton.js>
+import {
+  StyleSheet,
+  Text,
+  TouchableHighlight
+} from "react-native";
+const CoolButton = (props) => {
+  return (
+    <TouchableHighlight
+      style={props.style || styles.button}
+      onPress={props.onPress}>
+      <Text
+      style={styles.text}>{props.title}</Text>
+    </TouchableHighlight>
+  );
+}
+export default CoolButton
+const styles = StyleSheet.create({
+  button: {
+    backgroundColor: 'lightblue',
+    padding: 10,
+    borderRadius: 5,
+    borderColor: 'blue',
+    borderWidth: 1,
+  },
+  text: {
+    color: 'white',
+    fontWeight: 'bold',
+    textAlign: 'center',
+  }
+})
+</code>
+===== A gomb külön fájlban gyakorlat =====
 <code javascript Button.js>