Die Lehrbuch-L\u00f6sung<\/h2>\n\n\n\n
Es ist \u00fcbrigens nicht die einzige L\u00f6sung. Ich selbst habe ein wenig mit der BottomNavigationBar<\/a> herumgespielt und mich letztendlich f\u00fcr den TabNavigator<\/a> entschieden. Letztendlich kommt es darauf an, was genau man erreichen m\u00f6chte.<\/p>\n\n\n\n Mir war es wichtig, dass die Navigation nur in einer Datei gepflegt werden muss. Mein Beispielcode ist soweit m\u00f6glich frei von Styling und Extras, so wie man sich das von einem Tutorial w\u00fcnscht.<\/p>\n<\/div><\/div>\n\n\n\n Neben dem Erstellen eines neuen Flutter-Projects braucht es f\u00fcr die Tab-Navigation keine weiteren Dependencies.<\/p>\n\n\n\n Sobald ich heraus gefunden habe, wie ich hier sch\u00f6n auf mein Git-Projekt verlinke, werde ich das \u00fcbrigens tun.<\/p>\n<\/div><\/div>\n\n\n\n main.dart<\/strong><\/p>\n\n\n\n app.dart<\/strong><\/p>\n\n\n\n Ich habe mich f\u00fcr eine Navigation \u00fcber drei Screens entschieden. Deren Dateien sind in einem separaten Ordner ui\/screens\/. Ich stelle nur eine von ihnen vor, da sie bisher – bis auf den Textinhalt – nahezu identisch sind.<\/p>\n\n\n\n home_screen.dart<\/strong><\/p>\n\n\n\n Das Ergebnis ist kein besonders aufregendes, aber man kann hin und her klicken und sich \u00fcber das freuen, was man mit einem Tag Arbeit schon geschafft hat.<\/p>\n\n\n\n Ich hoffe, dass die Dokumentation auf diesem Blog mir hilft, am Ball zu bleiben. Mal schauen, was als n\u00e4chstes kommt, auf jeden Fall sind \u00dcbersetzung, Werbung, Verlinkung und Konten geplant…<\/p>\n\n\n\n Gibt es jemanden, der gerne seine Lieblings-Navigation vorstellen will?<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":" Mein erster Schritt in den meisten Projekten besteht aus einigen Skizzen – gefolgt von der Implementation deer ben\u00f6tigten Screens und der Navigation zwischen ihnen.<\/p>\n","protected":false},"author":1,"featured_media":384,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,12],"tags":[16,14,15],"class_list":["post-127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter","category-programming","tag-app","tag-flutter","tag-navigation"],"translation":{"provider":"WPGlobus","version":"3.0.0","language":"de","enabled_languages":["en","de"],"languages":{"en":{"title":true,"content":true,"excerpt":true},"de":{"title":true,"content":true,"excerpt":true}}},"_links":{"self":[{"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/posts\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":6,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/posts\/127\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/posts\/127\/revisions\/398"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/media\/384"}],"wp:attachment":[{"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/media?parent=127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/categories?post=127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/erdbeerbeet.com\/de\/wp-json\/wp\/v2\/tags?post=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Das Programmieren<\/h2>\n\n\n\n
void main() {
runApp(App());
}<\/code><\/pre>\n\n\n\nclass App extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'AppTitle',
home: DefaultTabController(
length: 3,
child: Scaffold(
appBar: AppBar(
title: Text('Tab Navigation'),
bottom: TabBar(
tabs: [
Tab(icon: Icon(Icons.home_filled), text: 'Home',),
Tab(icon: Icon(Icons.edit_outlined), text: 'Projects'),
Tab(icon: Icon(Icons.settings), text: 'Settings'),
],
),
),
body: TabBarView(
children: [
HomeScreen(),
ProjectsScreen(),
SettingsScreen(),
],
),
)
)
);
}
}<\/code><\/pre>\n\n\n\nclass HomeScreen extends StatefulWidget {
@override
State<StatefulWidget> createState() => HomeScreenState();
}
class HomeScreenState extends State<HomeScreen> {
@override
Widget build(BuildContext context) {
return Text('Goal');
}
}<\/code><\/pre>\n\n\n\nDas Ergebnis<\/h2>\n\n\n\n
![\"This](\"http:\/\/erdbeerbeet.com\/wp-content\/uploads\/2021\/03\/Bildschirmfoto-2021-03-08-um-21.27.42-773x1024.png\")
<\/figure>\n\n\n\n