In Flutter, Navigator är ett kraftfullt verktyg för att hantera centraliserad status och sidnavigering i din app. Det låter dig bygga appar med tydlig arkitektur och enkel navigering mellan skärmar.
Definiera Routes
För att börja använda Navigator måste du definiera routes i din app. Routes är individuella skärmar som användare kan navigera till. Du kan definiera routes med MaterialApp och tillhandahålla en samling av, routes där var och en route är mappad till en Widget.
Exempel:
I exemplet ovan har vi definierat två routes: '/'(home page)
och '/second'(second page
). Du kan lägga till så många routes som behövs.
Navigera mellan sidor
För att navigera mellan sidor kan du använda Navigator 's metoder. En vanlig metod är pushNamed, som låter dig navigera till en annan sida genom att ange namnet på den route.
Exempel:
Dessutom kan du använda push-metoden för att navigera till en annan route och växla mellan sidor.
Skicka data mellan sidor
Du kan skicka data mellan sidor genom att använda pushNamed-metoden med parametern arguments.
Exempel:
Sedan kan du komma åt data från den andra sidan med hjälp av ModalRoute.of och inställningsobjekt:
Gå tillbaka till föregående sida
För att gå tillbaka till föregående sida kan du använda popmetoden för Navigator. Detta kommer att stänga den aktuella sidan och återgå till föregående sida i stacken.
Exempel:
Slutsats
Navigator i Flutter låter dig hantera centraliserat tillstånd och enkelt navigera mellan sidor. Genom att använda Navigator kan du bygga appar med tydlig arkitektur och ge en bättre användarupplevelse när du navigerar mellan skärmar.