Switch between Pages (Navbar) with bugs 07.12.2022 18:01
- Ortner Elias
This commit is contained in:
Ortner.Elias
+178
-16
@@ -1,6 +1,8 @@
|
||||
//TEST
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'home.dart';
|
||||
|
||||
void main() {
|
||||
runApp(const MyApp());
|
||||
}
|
||||
@@ -13,11 +15,12 @@ class MyApp extends StatelessWidget {
|
||||
Widget build(BuildContext context) {
|
||||
return const MaterialApp(
|
||||
title: 'Flutter Demo',
|
||||
home: const MyHomePage(title: 'Bürger Forum Oggau'),
|
||||
home: MyHomePage(title: 'Bürger Forum Oggau'),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
class MyHomePage extends StatefulWidget {
|
||||
const MyHomePage({super.key, required this.title});
|
||||
|
||||
@@ -26,8 +29,8 @@ class MyHomePage extends StatefulWidget {
|
||||
@override
|
||||
State<MyHomePage> createState() => _MyHomePageState();
|
||||
}
|
||||
|
||||
class ProfilePage extends StatefulWidget {
|
||||
*/
|
||||
/*class ProfilePage extends StatefulWidget {
|
||||
const ProfilePage({super.key, required this.title});
|
||||
|
||||
final String title;
|
||||
@@ -43,9 +46,46 @@ class MangelPage extends StatefulWidget {
|
||||
|
||||
@override
|
||||
State<MangelPage> createState() => _MangelPageState();
|
||||
}
|
||||
|
||||
}*/
|
||||
/*
|
||||
class _MyHomePageState extends State<MyHomePage> {
|
||||
int _selectedIndex = 0;
|
||||
static const List<Widget> _widgetOptions = <Widget>[
|
||||
ListView(
|
||||
padding: const EdgeInsets.all(8),
|
||||
children: <Widget>[
|
||||
Container(
|
||||
height: 50,
|
||||
color: Colors.amber[600],
|
||||
child: const Center(child: Text('Entry A')),
|
||||
),
|
||||
Container(
|
||||
height: 50,
|
||||
color: Colors.amber[500],
|
||||
child: const Center(child: Text('Entry B')),
|
||||
),
|
||||
Container(
|
||||
height: 50,
|
||||
color: Colors.amber[100],
|
||||
child: const Center(child: Text('Entry C')),
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
Text(
|
||||
'Index 1: Mängel',
|
||||
),
|
||||
Text(
|
||||
'Index 2: Profil',
|
||||
),
|
||||
];
|
||||
|
||||
void _onItemTapped(int index) {
|
||||
setState(() {
|
||||
_selectedIndex = index;
|
||||
});
|
||||
}
|
||||
|
||||
int _counter = 0;
|
||||
|
||||
void _incrementCounter() {
|
||||
@@ -54,7 +94,7 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
});
|
||||
}
|
||||
|
||||
void _pushMangel(){
|
||||
/* void _pushMangel(){
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute(
|
||||
builder: (context) => const MangelPage(title: 'Mängel'),
|
||||
@@ -68,7 +108,7 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
builder: (context) => const ProfilePage(title: 'Profil'),
|
||||
),
|
||||
);
|
||||
}
|
||||
}*/
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
@@ -79,7 +119,7 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
title: Text(widget.title),
|
||||
),
|
||||
body: Center(
|
||||
|
||||
/*
|
||||
child: Column(
|
||||
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
@@ -92,7 +132,8 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
style: Theme.of(context).textTheme.headline4,
|
||||
),
|
||||
],
|
||||
),
|
||||
),*/
|
||||
child: _widgetOptions.elementAt(_selectedIndex),
|
||||
),
|
||||
floatingActionButton: FloatingActionButton(
|
||||
onPressed: _incrementCounter,
|
||||
@@ -109,18 +150,18 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
IconButton(
|
||||
tooltip: 'News',
|
||||
icon: const Icon(Icons.newspaper),
|
||||
onPressed: () {},
|
||||
onPressed: /*() {}*/() => _onItemTapped(0),
|
||||
),
|
||||
//if (centerLocations.contains(fabLocation)) const Spacer(),
|
||||
IconButton(
|
||||
tooltip: 'Mängel',
|
||||
icon: const Icon(Icons.warning),
|
||||
onPressed: () => {_pushMangel()},
|
||||
onPressed: () => /*{_pushMangel()}*/ _onItemTapped(1),
|
||||
),
|
||||
IconButton(
|
||||
tooltip: 'Profil',
|
||||
icon: const Icon(Icons.person),
|
||||
onPressed: () => {_pushProfile()},
|
||||
onPressed: () => /*{_pushProfile()}*/ _onItemTapped(2),
|
||||
),
|
||||
],
|
||||
),
|
||||
@@ -128,10 +169,23 @@ class _MyHomePageState extends State<MyHomePage> {
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
}*/
|
||||
|
||||
/*
|
||||
class _ProfilePageState extends State<ProfilePage> {
|
||||
|
||||
void _pushMangel(){
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute(
|
||||
builder: (context) => const MangelPage(title: 'Mängel'),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _pushNews(){
|
||||
Navigator.pop(context);
|
||||
}
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
@@ -155,18 +209,18 @@ class _ProfilePageState extends State<ProfilePage> {
|
||||
IconButton(
|
||||
tooltip: 'News',
|
||||
icon: const Icon(Icons.newspaper),
|
||||
onPressed: () {},
|
||||
onPressed: () => {_pushNews()},
|
||||
),
|
||||
//if (centerLocations.contains(fabLocation)) const Spacer(),
|
||||
IconButton(
|
||||
tooltip: 'Mängel',
|
||||
icon: const Icon(Icons.warning),
|
||||
onPressed: () {},
|
||||
onPressed: () => {_pushMangel()},
|
||||
),
|
||||
IconButton(
|
||||
tooltip: 'Profil',
|
||||
icon: const Icon(Icons.person),
|
||||
onPressed: () => {},
|
||||
onPressed: () {},
|
||||
),
|
||||
],
|
||||
),
|
||||
@@ -178,6 +232,17 @@ class _ProfilePageState extends State<ProfilePage> {
|
||||
|
||||
class _MangelPageState extends State<MangelPage> {
|
||||
|
||||
void _pushProfile(){
|
||||
Navigator.of(context).push(
|
||||
MaterialPageRoute(
|
||||
builder: (context) => const ProfilePage(title: 'Profil'),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _pushNews(){
|
||||
Navigator.pop(context);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
@@ -220,4 +285,101 @@ class _MangelPageState extends State<MangelPage> {
|
||||
)
|
||||
);
|
||||
}
|
||||
}*/
|
||||
|
||||
//https://api.flutter.dev/flutter/material/BottomNavigationBar-class.html
|
||||
/*
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
void main() => runApp(const MyApp());
|
||||
|
||||
class MyApp extends StatelessWidget {
|
||||
const MyApp({super.key});
|
||||
|
||||
static const String _title = 'Flutter Code Sample';
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return const MaterialApp(
|
||||
title: _title,
|
||||
home: MyStatefulWidget(),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class MyStatefulWidget extends StatefulWidget {
|
||||
const MyStatefulWidget({super.key});
|
||||
|
||||
@override
|
||||
State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
|
||||
}
|
||||
|
||||
class _MyStatefulWidgetState extends State<MyStatefulWidget> {
|
||||
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,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
*/
|
||||
Reference in New Issue
Block a user