Switch between Pages (Navbar) with bugs 07.12.2022 18:01

- Ortner Elias
2022-12-07 18:08:49 +01:00
parent b7570ea869
commit e641bc86b3
2 changed files with 394 additions and 16 deletions
@@ -0,0 +1,216 @@
+import 'package:flutter/material.dart';
+
+class MyHomePage extends StatefulWidget {
+  const MyHomePage({super.key, required this.title});
+
+  final String title;
+
+  @override
+  State<MyHomePage> createState() => _MyHomePageState();
+}
+//Da haben wir letztes mal gemacht aber ich weiß jetzt nicht warum es nicht funktioniert
+/*class _MyHomePageState extends State<MyHomePage> {
+  int _selectedIndex = 0;
+  static final List<Widget> _widgetOptions = <Widget>
+  [
+    Table(border: TableBorder.all(),
+          columnWidths:const<
+
+    int, TableColumnWidth>{
+    0: IntrinsicColumnWidth(),
+    1: FlexColumnWidth(),
+    2: FixedColumnWidth(64),
+    },
+  defaultVerticalAlignment: TableCellVerticalAlignment.middle,
+  children: <TableRow>[
+  TableRow(
+  children: <Widget>[
+  Container(
+  height: 32,
+  color: Colors.green,
+  ),
+  TableCell(
+  verticalAlignment: TableCellVerticalAlignment.top,
+  child: Container(
+  height: 32,
+  width: 32,
+  color: Colors.red,
+  ),
+  ),
+  Container(
+  height: 64,
+  color: Colors.blue,
+  ),
+  ],
+  ),
+  TableRow(
+  decoration: const BoxDecoration(
+  color: Colors.grey,
+  ),
+  children: <Widget>[
+  Container(
+  height: 64,
+  width: 128,
+  color: Colors.purple,
+  ),
+  Container(
+  height: 32,
+  color: Colors.yellow,
+  ),
+  Center(
+  child: Container(
+  height: 32,
+              width: 32,
+              color: Colors.orange,
+              ),
+            ),
+          ],
+        ),
+      ],
+    ),
+  ];
+
+  void _onItemTapped(int index) {
+  setState(() {
+  _selectedIndex = index;
+  });
+  }
+
+  int _counter = 0;
+
+  void _incrementCounter() {
+  setState(() {
+  _counter++;
+  });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+
+  return Scaffold(
+  appBar: AppBar(
+
+  title: Text(widget.title),
+  ),
+  body: Center(
+/*
+        child: Column(
+
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            const Text(
+              'Knopfdruck:',
+            ),
+            Text(
+              '$_counter',
+              style: Theme.of(context).textTheme.headline4,
+            ),
+          ],
+        ),*/
+  child: _widgetOptions.elementAt(_selectedIndex),
+  ),
+  floatingActionButton: FloatingActionButton(
+  onPressed: _incrementCounter,
+  tooltip: 'Increment',
+  child: const Icon(Icons.add),
+  ),
+  bottomNavigationBar: BottomAppBar(
+  color: const Color(0xFF1601FD),
+  child: IconTheme(
+  data: IconThemeData(color: Theme.of(context).colorScheme.onPrimary),
+  child: Row(
+  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+  children: <Widget>[
+  IconButton(
+  tooltip: 'News',
+  icon: const Icon(Icons.newspaper),
+  onPressed: /*() {}*/() => _onItemTapped(0),
+  ),
+  //if (centerLocations.contains(fabLocation)) const Spacer(),
+  IconButton(
+  tooltip: 'Mängel',
+  icon: const Icon(Icons.warning),
+  onPressed: () => /*{_pushMangel()}*/ _onItemTapped(1),
+  ),
+  IconButton(
+  tooltip: 'Profil',
+  icon: const Icon(Icons.person),
+  onPressed: () => /*{_pushProfile()}*/ _onItemTapped(2),
+  ),
+  ],
+  ),
+  ),
+  )
+  );
+  }
+}
+
+*/
+class _MyHomePageState extends State<MyHomePage> {
+  int _selectedIndex = 0;
+  static const TextStyle optionStyle =
+  TextStyle(fontSize: 30, fontWeight: FontWeight.bold);
+  static const List<Widget> _widgetOptions = <Widget>[
+    Text(
+      'Index 0: Home',
+      style: optionStyle,
+    ),
+    Text(
+      'Index 1: Business',
+      style: optionStyle,
+    ),
+    Text(
+      'Index 2: School',
+      style: optionStyle,
+    ),
+    Text(
+      'Index 3: Settings',
+      style: optionStyle,
+    ),
+  ];
+
+  void _onItemTapped(int index) {
+    setState(() {
+      _selectedIndex = index;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: const Text('BottomNavigationBar Sample'),
+      ),
+      body: Center(
+        child: _widgetOptions.elementAt(_selectedIndex),
+      ),
+      bottomNavigationBar: BottomNavigationBar(
+        items: const <BottomNavigationBarItem>[
+          BottomNavigationBarItem(
+            icon: Icon(Icons.home),
+            label: 'Home',
+            backgroundColor: Colors.red,
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(Icons.business),
+            label: 'Business',
+            backgroundColor: Colors.green,
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(Icons.school),
+            label: 'School',
+            backgroundColor: Colors.purple,
+          ),
+          BottomNavigationBarItem(
+            icon: Icon(Icons.settings),
+            label: 'Settings',
+            backgroundColor: Colors.pink,
+          ),
+        ],
+        currentIndex: _selectedIndex,
+        selectedItemColor: Colors.amber[800],
+        onTap: _onItemTapped,
+      ),
+    );
+  }
+}