Administrere tilstand og navigasjon med Navigator i Flutter

In Flutter, Navigator er et kraftig verktøy for å administrere sentralisert tilstand og sidenavigering i appen din. Den lar deg bygge apper med tydelig arkitektur og enkel navigering mellom skjermer.

Definere Routes

For å begynne å bruke Navigator må du definere routes i appen din. Routes er individuelle skjermer som brukere kan navigere til. Du kan definere routes ved å bruke MaterialApp og gi en samling av routes, der hver route er tilordnet en Widget.

Eksempel:

MaterialApp(  
  initialRoute: '/',  
  routes: {  
    '/':(context) => HomePage(),  
    '/second':(context) => SecondPage(),  
  },  
)  

I eksemplet ovenfor har vi definert to routes: '/'(home page) og '/second'(second page). Du kan legge til så mange du routes trenger.

Navigere mellom sider

For å navigere mellom sider kan du bruke Navigator 's metoder. En vanlig metode er pushNamed, som lar deg navigere til en annen side ved å oppgi navnet på den route.

Eksempel:

// Navigate to the second page
Navigator.pushNamed(context, '/second');

I tillegg kan du bruke push-metoden til å navigere til en annen route og bytte mellom sider.

Sende data mellom sider

Du kan sende data mellom sider ved å bruke pushNamed-metoden med parameteren arguments.

Eksempel:

Navigator.pushNamed(  
  context,  
  '/second',  
  arguments: 'Data from the home page',  
);  

Deretter kan du få tilgang til dataene fra den andre siden ved å bruke ModalRoute.of og innstillingsobjekter:

class SecondPage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    String data = ModalRoute.of(context).settings.arguments;  
    // Use the data here  
  }  
}  

Gå tilbake til forrige side

For å gå tilbake til forrige side kan du bruke pop-metoden til Navigator. Dette vil lukke gjeldende side og gå tilbake til forrige side i stabelen.

Eksempel:

// Go back to the previous page
Navigator.pop(context);

 

Konklusjon

Navigator i Flutter lar deg administrere sentralisert tilstand og enkelt navigere mellom sider. Ved å bruke Navigator kan du bygge apper med tydelig arkitektur og gi en bedre brukeropplevelse når du navigerer mellom skjermer.