Card statt ListTile. Bessere anpassung der Elemente möglich. Endlich größere Bilder (i cry) Außerdem Abstand zwischen den Elementen besser erkenntlich durch ein Padding

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

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 {
     );
   }
 }
+

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>