init home page

reformatus · Nov 9, 2024 · d497a3c · d497a3c
1 parent c000218
commit d497a3c
Showing 1 changed file with 92 additions and 1 deletion.
diff --git a/lib/ui/base/home/page.dart b/lib/ui/base/home/page.dart
@@ -5,6 +5,97 @@ class HomePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return const Center(child: Text("Home page"));
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('Sófár Lyric'),
+      ),
+      body: Column(
+        children: [
+          Text(
+            'Üdv!',
+            style: Theme.of(context).textTheme.titleLarge,
+          ),
+          Expanded(
+            child: Padding(
+              padding: const EdgeInsets.all(10),
+              child: LayoutBuilder(builder: (context, constraints) {
+                return GridView.count(
+                  crossAxisCount: constraints.maxWidth ~/ 400,
+                  childAspectRatio: 6,
+                  crossAxisSpacing: 10,
+                  mainAxisSpacing: 10,
+                  children: [
+                    HomePageButton(
+                      icon: Icons.settings,
+                      title: 'Beálltások',
+                      subtitle: 'Téma, nyelv, stb.',
+                      onPressed: () {},
+                    ),
+                    HomePageButton(
+                      icon: Icons.info_outline,
+                      title: 'Névjegy',
+                      subtitle: 'Verzió, jogi információk',
+                      onPressed: () {},
+                    ),
+                    HomePageButton(
+                      icon: Icons.settings,
+                      title: 'Beálltások',
+                      subtitle: 'Téma, nyelv, stb.',
+                      onPressed: () {},
+                    ),
+                    HomePageButton(
+                      icon: Icons.info_outline,
+                      title: 'Névjegy',
+                      subtitle: 'Verzió, jogi információk',
+                      onPressed: () {},
+                    ),
+                  ],
+                );
+              }),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class HomePageButton extends StatelessWidget {
+  const HomePageButton({
+    required this.icon,
+    required this.title,
+    required this.subtitle,
+    required this.onPressed,
+    super.key,
+  });
+
+  final IconData icon;
+  final String title;
+  final String subtitle;
+  final VoidCallback onPressed;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: 300,
+      child: ElevatedButton(
+        style: ButtonStyle(
+          shape: WidgetStateProperty.all(
+            RoundedRectangleBorder(
+              borderRadius: BorderRadius.circular(10),
+            ),
+          ),
+          padding: WidgetStateProperty.all(
+            const EdgeInsets.only(),
+          ),
+        ),
+        onPressed: onPressed,
+        child: ListTile(
+          leading: Icon(icon),
+          title: Text(title),
+          subtitle: Text(subtitle),
+        ),
+      ),
+    );
   }
 }