სახელმწიფოს მართვა და ნავიგაცია Navigator Flutter-ში

In Flutter, Navigator არის ძლიერი ინსტრუმენტი თქვენს აპლიკაციაში ცენტრალიზებული მდგომარეობისა და გვერდის ნავიგაციის მართვისთვის. ის საშუალებას გაძლევთ შექმნათ აპლიკაციები მკაფიო არქიტექტურით და მარტივი ნავიგაცია ეკრანებს შორის.

განმსაზღვრელი Routes

გამოყენების დასაწყებად Navigator, თქვენ უნდა განსაზღვროთ routes თქვენს აპლიკაციაში. Routes არის ინდივიდუალური ეკრანები, რომლებზეც მომხმარებლებს შეუძლიათ ნავიგაცია. თქვენ შეგიძლიათ განსაზღვროთ routes MaterialApp-ის გამოყენებით და მიაწოდოთ კოლექცია routes, სადაც თითოეული route შედგენილია Widget.

მაგალითი:

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

ზემოთ მოცემულ მაგალითში ჩვენ განვსაზღვრეთ ორი routes: '/'(home page) და '/second'(second page). შეგიძლიათ დაამატოთ რამდენიც routes საჭიროა.

ნავიგაცია გვერდებს შორის

გვერდებს შორის ნავიგაციისთვის შეგიძლიათ გამოიყენოთ Navigator 'ს მეთოდები. ერთ-ერთი გავრცელებული მეთოდია pushNamed, რომელიც საშუალებას გაძლევთ გადახვიდეთ სხვა გვერდზე მისი სახელის მითითებით route.

მაგალითი:

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

გარდა ამისა, შეგიძლიათ გამოიყენოთ Push მეთოდი სხვაზე გადასასვლელად route და გვერდებს შორის გადასართავად.

მონაცემთა გადაცემა გვერდებს შორის

თქვენ შეგიძლიათ გადასცეთ მონაცემები გვერდებს შორის pushNamed მეთოდის გამოყენებით არგუმენტების პარამეტრით.

მაგალითი:

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

ამის შემდეგ, შეგიძლიათ მეორე გვერდიდან მონაცემების წვდომა ModalRoute.of და პარამეტრების ობიექტების გამოყენებით:

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

წინა გვერდზე დაბრუნება

წინა გვერდზე დასაბრუნებლად შეგიძლიათ გამოიყენოთ pop მეთოდი Navigator. ეს დახურავს მიმდინარე გვერდს და დასტას წინა გვერდზე დაბრუნდება.

მაგალითი:

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

 

დასკვნა

Navigator Flutter-ში გაძლევთ საშუალებას მართოთ ცენტრალიზებული მდგომარეობა და მარტივად გადაადგილდეთ გვერდებს შორის. გამოყენებით Navigator შეგიძლიათ შექმნათ აპები მკაფიო არქიტექტურით და უზრუნველყოთ მომხმარებლის უკეთესი გამოცდილება ეკრანებს შორის ნავიგაციისას.