AppBar Version 1

First Version:
 - home icon (left)
 - placeholder (left)
 - flags (right)

lib/main.dart

@@ -32,12 +32,10 @@ class MyApp extends StatelessWidget {
                 onSurface: Color.fromRGBO(60, 60, 60, 1),
                 brightness: Brightness.light,
                 tertiary: Color.fromRGBO(251, 216, 17, 0),
-            onTertiary: Color.fromRGBO(60, 60, 60, 1)
+                onTertiary: Color.fromRGBO(60, 60, 60, 1)),
-          ),
             useMaterial3: true,
           ),
-        home: const MyHome()
+          home: const MyHome()),
-      ),
     );
   }
 }
@@ -48,12 +46,74 @@ class MyHome extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(),
+      appBar: AppBar(
+        leading: IconButton(
+          icon: Icon(
+            Icons.home,
+            size: 36,
+            color: Theme.of(context).colorScheme.onPrimary,
+          ),
+          onPressed: () {
+            // Aktion für diesen Button
+          },
+        ),
+        title: Container(
+          height: 40,
+          decoration: BoxDecoration(
+            color: Theme.of(context)
+                .colorScheme
+                .primaryContainer, // Hintergrundfarbe des Textfelds
+            borderRadius: BorderRadius.circular(15),
+          ),
+          alignment: Alignment.centerLeft,
+          child: Text(
+            "Placeholder",
+            style: TextStyle(
+              color: Theme.of(context).colorScheme.onPrimary,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+        ),
+        backgroundColor: Theme.of(context).colorScheme.primary,
+        actions: [
+          IconButton(
+            icon: Image.asset(
+              'assets/flags/de.png',
+              width: 34,
+              height: 24,
+              fit: BoxFit.cover,
+            ), // Erster Button rechts
+            onPressed: () {
+              // Aktion für diesen Button
+            },
+          ),
+          IconButton(
+            icon: Image.asset(
+              'assets/flags/fr.png',
+              width: 34,
+              height: 24,
+              fit: BoxFit.cover,
+            ), // Zweiter Button rechts
+            onPressed: () {
+              // Aktion für diesen Button
+            },
+          ),
+          IconButton(
+            icon: Image.asset(
+              'assets/flags/en.png',
+              width: 34,
+              height: 24,
+              fit: BoxFit.cover,
+            ), // Dritter Button rechts
+            onPressed: () {
+              // Aktion für diesen Button
+            },
+          ),
+        ],
+      ),
       body: Container(),
       bottomNavigationBar: GNav(
-          onTabChange: (index) {
+        onTabChange: (index) {},
-
-          },
         gap: 8,
         backgroundColor: Theme.of(context).colorScheme.secondary,
         color: Theme.of(context).colorScheme.onSurface,
@@ -63,16 +123,20 @@ class MyHome extends StatelessWidget {
           GButton(
             icon: Icons.food_bank,
             text: "Essen",
-            ),GButton(
+          ),
+          GButton(
             icon: Icons.room,
             text: "Ambiente",
-            ),GButton(
+          ),
+          GButton(
             icon: Icons.person,
             text: "Service",
-            ),GButton(
+          ),
+          GButton(
             icon: Icons.question_mark,
             text: "Verschläge",
-            ), GButton(
+          ),
+          GButton(
             icon: Icons.add_rounded,
             text: "Verbesserungen",
           ),

pubspec.yaml

@@ -54,7 +54,8 @@ dev_dependencies:
 
 # The following section is specific to Flutter packages.
 flutter:
-
+  assets:
+    - assets/flags/
   # The following line ensures that the Material Icons font is
   # included with your application, so that you can use the icons in
   # the material Icons class.