From 69b41e57cfa02ba7cc4a54371e34defc9da6aadc Mon Sep 17 00:00:00 2001
From: szabomarton <szabomarton@gszi.edu.hu>
Date: Fri, 28 Feb 2025 10:15:24 +0100
Subject: [PATCH] =?UTF-8?q?added=20elm=C3=A9let?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
README.md | 4 ++++
mobilfejlesztes.md | 43 ++++++++++++++++++++++++++++++++++++++++++-
2 files changed, 46 insertions(+), 1 deletion(-)
diff --git a/README.md b/README.md
index 7713b92..947c34a 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,5 @@
+# Mobil alkalmazás fejlesztés
+Ebben a repoban a mobilfejlesztéshez kapcsolatos órai anyogok elérhetőek
+
+---
[tanulo](https://education.github.com/discount_requests/application)
\ No newline at end of file
diff --git a/mobilfejlesztes.md b/mobilfejlesztes.md
index cf9a07b..a6f4ba9 100644
--- a/mobilfejlesztes.md
+++ b/mobilfejlesztes.md
@@ -85,4 +85,45 @@ A telepítés után az adott fejlesztői környezet dokumentációját érdemes
- Ha időt és erőforrást szeretnél spórolni, akkor cross-platform megoldás (Flutter, React Native) jobb választás lehet
- Ha webfejlesztőként szeretnél mobil appokat is készíteni, akkor a hibrid megoldások (Ionic Cordova) jöhet szóba
----
\ No newline at end of file
+## Komponensek
+
+A react native egy népszerű keretrendszer, amely lehetővé teszi a mobilalkalmazások fejlesztését JS vagy TS nyelvben.
+
+Ebben a részben az alap komponensekről lesz szó
+
+
+### View - konténer komponens
+
+- A Vire a React Native egyik legfontosabb komponense.
+- Hasonló a HTML `<div>` eleméhez
+- Konténerként használjuk más komponensek csoportosítására és elrendezésére
+
+ `
+ <View style={styles.container}>
+ <Text>Komponens tartalma</Text>
+ </View>
+ `
+
+- A `style={styles.container}` beállítja a megjelenést
+- A `View` egy keretet biztosít, amelyben más komponensek lehetnek.
+
+### Text - Szövegmegjelenítés
+
+- A *Text* komponens segítségével szöveget jeleníthetünk meg.
+- Stílusokkal formázható
+
+`<Text style={styles.title}>Komponens tartalma</Text>`
+
+A text komponens alapértelmezetten blokk szintű, de stílusozható.
+
+A `style={styles.title}` segítségével testre szabhatjuk a szöveg stílusát
+
+### Button - Gomb
+
+- Egy egyszerű gomb, amely műveletek végrehajtására használható
+
+`<Button title="nyomj meg" onpress={() => alert("gomb megnyomva")}></Button>`
+
+
+
+