From 0fca64bc37d8297783a5a8504d42bb7b75f1dbdc Mon Sep 17 00:00:00 2001
From: Nicolas Gruber <nicolas@gruber.info>
Date: Mon, 26 Dec 2022 20:28:45 +0100
Subject: [PATCH] =?UTF-8?q?Card=20statt=20ListTile.=20Bessere=20anpassung?=
 =?UTF-8?q?=20der=20Elemente=20m=C3=B6glich.=20Endlich=20gr=C3=B6=C3=9Fere?=
 =?UTF-8?q?=20Bilder=20(i=20cry)=20Au=C3=9Ferdem=20Abstand=20zwischen=20de?=
 =?UTF-8?q?n=20Elementen=20besser=20erkenntlich=20durch=20ein=20Padding?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 android/app/src/main/AndroidManifest.xml |  2 +
 lib/UserDefinedList.dart                 | 83 +++++++++++++++---------
 lib/home.dart                            | 41 +++---------
 3 files changed, 64 insertions(+), 62 deletions(-)

diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index e47418c..0ad5ccc 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -11,7 +11,9 @@
             android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
             android:hardwareAccelerated="true"
+            android:screenOrientation="portrait"
             android:windowSoftInputMode="adjustResize">
+
             <!-- Specifies an Android theme to apply to this Activity as soon as
                  the Android process has started. This theme is visible to the user
                  while the Flutter UI initializes. After that, this theme continues
diff --git a/lib/UserDefinedList.dart b/lib/UserDefinedList.dart
index 97b67da..b9febd5 100644
--- a/lib/UserDefinedList.dart
+++ b/lib/UserDefinedList.dart
@@ -1,6 +1,3 @@
-import 'dart:io';
-import 'dart:ui';
-
 import 'package:flutter/material.dart';
 
 import 'DetailPage.dart';
@@ -20,42 +17,65 @@ class UserDefinedItem extends StatelessWidget {
   Widget build(BuildContext context) {
     String shortDescription = "${description.substring(0, 30)}...";
     return Padding(
-      padding: const EdgeInsets.symmetric(vertical: 10.0),
-      child: ListTile(
-        title: Text(
-          title,
-          style: const TextStyle(
-            fontSize: 20, // beliebige Schriftgröße
-          ),
-        ),
-        subtitle: Text(
-          shortDescription,
-          style: const TextStyle(
-            fontSize: 14, // beliebige Schriftgröße
-          ),
-        ),
-        leading: Container(
-          child: image,
-        ),
-        onTap: () {
-          // Open a new window when the user taps on the list item
-          Navigator.push(
+      padding: const EdgeInsets.symmetric(vertical: 1.0),
+      child: Card(
+        child: InkWell(
+          onTap: () {
+          // Open a new screen when the user taps on the list item
+            Navigator.push(
             context,
-            MaterialPageRoute(
-              builder: (context) => DetailPage(
-                title: title,
-                description: description,
-                image: image,
+              MaterialPageRoute(
+                builder: (context) => DetailPage(
+                  title: title,
+                  description: description,
+                  image: image,
+                ),
               ),
-            ),
-          );
-        },
+            );
+          },
+          child: Row(
+            children: [
+              SizedBox(
+                width: 130,
+                height: 130,
+                child: image,
+              ),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Padding(
+                      padding: const EdgeInsets.all(8.0),
+                      child: Text(
+                        title,
+                        style: const TextStyle(
+                          fontSize: 24, // beliebige Schriftgröße
+                        ),
+                      ),
+                    ),
+                    Padding(
+                      padding: const EdgeInsets.all(8.0),
+                      child: Text(
+                        shortDescription,
+                        style: const TextStyle(
+                          fontSize: 18, // beliebige Schriftgröße
+                        ),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        )
       ),
     );
   }
 }
 
 
+
+
 class NewsList extends StatelessWidget {
   const NewsList({super.key});
 
@@ -132,3 +152,4 @@ class IssueList extends StatelessWidget {
     );
   }
 }
+
diff --git a/lib/home.dart b/lib/home.dart
index 919144e..dbcfa4c 100644
--- a/lib/home.dart
+++ b/lib/home.dart
@@ -1,7 +1,4 @@
 import 'package:flutter/material.dart';
-import 'package:flutter/widgets.dart';
-
-
 import 'UserDefinedList.dart';
 
 class MyHomePage extends StatefulWidget {
@@ -20,20 +17,6 @@ class _MyHomePageState extends State<MyHomePage> {
 
   static const TextStyle optionStyle =
   TextStyle(fontSize: 30, fontWeight: FontWeight.bold);
-
-  /*static /*const*/ final List<Widget> _widgetOptions = <Widget>[
-    /*Text(
-      'Index 0: News',
-      style: optionStyle,
-    ),*/
-    NewsList(),
-    IssueList(),
-    const Text(
-      'Index 2: Profil',
-      style: optionStyle,
-    )
-  ];*/
-
   void _onItemTapped(int index) {
     setState(() {
       _selectedIndex = index;
@@ -48,14 +31,12 @@ class _MyHomePageState extends State<MyHomePage> {
   }
   @override
   Widget build(BuildContext context) {
-    final List<Widget> _widgetOptions = <Widget>[
-      NewsList(),
-      login ? IssueList() : Container(
-        child: const Text(
-          'Mängel (nur für angemeldete Benutzer verfügbar)',
-          style: optionStyle,
-          textAlign: TextAlign.center,
-        ),
+    final List<Widget> widgetOptions = <Widget>[
+      const NewsList(),
+      login ? const IssueList() : const Text(
+        'Mängel (nur für angemeldete Benutzer verfügbar)',
+        style: optionStyle,
+        textAlign: TextAlign.center,
       ),
       Column(
         mainAxisAlignment: MainAxisAlignment.center,
@@ -74,17 +55,15 @@ class _MyHomePageState extends State<MyHomePage> {
       ),
     ];
 
-      /*const Text(
-        'Index 2: Profil',
-        style: optionStyle,
-      )*/
-
     return Scaffold(
       appBar: AppBar(
         title: const Text('Oggauer Gemeinde Trommler'),
+
+
       ),
       body: Center(
-        child: _widgetOptions.elementAt(_selectedIndex),
+        child: widgetOptions.elementAt(_selectedIndex),
+
       ),
       bottomNavigationBar: BottomNavigationBar(
         items: const <BottomNavigationBarItem>