close

Ġestjoni tal-Istat u tan-Navigazzjoni ma Navigator 'Flutter

F'Flutter, Navigator hija għodda b'saħħitha għall-ġestjoni tal-istat ċentralizzat u n-navigazzjoni tal-paġna fl-app tiegħek. Jippermettilek tibni apps b'arkitettura ċara u navigazzjoni faċli bejn l-iskrins.

Id-definizzjoni Routes

Biex tibda tuża Navigator, trid tiddefinixxi routes fl-app tiegħek. Routes huma skrins individwali li l-utenti jistgħu jinnavigaw għalihom. Tista' tiddefinixxi routes bl-użu ta' MaterialApp u tipprovdi ġabra ta' routes, fejn kull wieħed route huwa mmappjat għal Widget.

Eżempju:

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

Fl-eżempju ta' hawn fuq, iddefinijna żewġ routes: '/'(home page) u '/second'(second page). Tista 'żżid kemm routes hemm bżonn.

Navigazzjoni Bejn Paġni

Biex tinnaviga bejn il-paġni, tista' tuża Navigator l-metodi ta'. Metodu komuni wieħed huwa pushNamed, li jippermettilek tinnaviga għal paġna oħra billi tipprovdi l-isem ta 'dik route.

Eżempju:

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

Barra minn hekk, tista 'tuża l-metodu push biex tinnaviga għal ieħor route u taqleb bejn il-paġni.

Tgħaddi Dejta Bejn Paġni

Tista' tgħaddi d-dejta bejn il-paġni billi tuża l-metodu pushNamed bil-parametru arguments.

Eżempju:

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

Imbagħad, tista 'taċċessa d-dejta mit-tieni paġna billi tuża l-oġġetti ModalRoute.of u settings:

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

Tmur Lura għall-Paġna ta' Preċedenti

Biex tmur lura għall-paġna ta' qabel, tista' tuża l-metodu pop ta' Navigator. Dan se jagħlaq il-paġna attwali u jerġa 'lura għall-paġna ta' qabel fil-munzell.

Eżempju:

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

 

Konklużjoni

Navigator f'Flutter jippermettilek timmaniġġja stat ċentralizzat u tinnaviga bejn il-paġni b'faċilità. Billi tuża Navigator, tista' tibni apps b'arkitettura ċara u tipprovdi esperjenza aħjar għall-utent meta tinnaviga bejn l-iskrins.