Ngatur Negara lan Navigasi karo Navigator ing Flutter

Ing Flutter, Navigator minangka alat sing kuat kanggo ngatur negara terpusat lan navigasi kaca ing app sampeyan. Iki ngidini sampeyan nggawe aplikasi kanthi arsitektur sing jelas lan navigasi sing gampang ing antarane layar.

Nemtokake Routes

Kanggo miwiti nggunakake Navigator, sampeyan kudu nemtokake routes ing app. Routes iku layar individu sing pangguna bisa navigasi menyang. Sampeyan bisa nemtokake routes nggunakake MaterialApp lan nyedhiyakake koleksi routes, ing ngendi saben route dipetakan menyang Widget.

Tuladha:

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

Ing conto ing ndhuwur, kita wis nemtokake loro routes: '/'(home page) lan '/second'(second page). Sampeyan bisa nambah akeh routes sing dibutuhake.

Navigasi Antarane Kaca

Kanggo navigasi antarane kaca, sampeyan bisa nggunakake Navigator cara 's. Salah sawijining cara umum yaiku pushNamed, sing ngidini sampeyan navigasi menyang kaca liya kanthi menehi jeneng kasebut route.

Tuladha:

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

Kajaba iku, sampeyan bisa nggunakake cara push kanggo navigasi menyang liyane route lan ngalih ing antarane kaca.

Nglewati Data Antarane Kaca

Sampeyan bisa ngliwati data ing antarane kaca kanthi nggunakake metode pushNamed kanthi parameter argumen.

Tuladha:

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

Banjur, sampeyan bisa ngakses data saka kaca kapindho nggunakake ModalRoute.of lan obyek setelan:

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

Bali menyang Kaca Sadurunge

Kanggo bali menyang kaca sadurunge, sampeyan bisa nggunakake cara pop Navigator. Iki bakal nutup kaca saiki lan bali menyang kaca sadurunge ing tumpukan.

Tuladha:

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

 

Kesimpulan

Navigator ing Flutter ngidini sampeyan ngatur negara terpusat lan navigasi antarane kaca kanthi gampang. Kanthi nggunakake Navigator, sampeyan bisa nggawe aplikasi kanthi arsitektur sing jelas lan menehi pengalaman pangguna sing luwih apik nalika navigasi ing antarane layar.