Navigator Flutter உடன் மாநிலம் மற்றும் வழிசெலுத்தலை நிர்வகித்தல்

Flutter இல், Navigator உங்கள் பயன்பாட்டில் மையப்படுத்தப்பட்ட நிலை மற்றும் பக்க வழிசெலுத்தலை நிர்வகிப்பதற்கான ஒரு சக்திவாய்ந்த கருவியாகும். தெளிவான கட்டமைப்பு மற்றும் திரைகளுக்கு இடையே எளிதான வழிசெலுத்தலுடன் பயன்பாடுகளை உருவாக்க இது உங்களை அனுமதிக்கிறது.

வரையறுக்கும் Routes

பயன்படுத்தத் தொடங்க, உங்கள் பயன்பாட்டில் Navigator நீங்கள் வரையறுக்க வேண்டும். பயனர்கள் செல்லக்கூடிய தனிப்பட்ட திரைகளாகும். நீங்கள் MaterialApp ஐப் பயன்படுத்தி வரையறுக்கலாம் மற்றும் ஒரு தொகுப்பை வழங்கலாம், அங்கு ஒவ்வொன்றும் ஒரு க்கு மேப் செய்யப்பட்டிருக்கும். routes Routes routes 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');

கூடுதலாக, நீங்கள் புஷ் முறையைப் பயன்படுத்தி மற்றொன்றுக்கு செல்லவும் 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  
  }  
}  

முந்தைய பக்கத்திற்குச் செல்கிறேன்

முந்தைய பக்கத்திற்குச் செல்ல, நீங்கள் பாப் முறையைப் பயன்படுத்தலாம் Navigator. இது தற்போதைய பக்கத்தை மூடிவிட்டு, அடுக்கில் உள்ள முந்தைய பக்கத்திற்குத் திரும்பும்.

உதாரணமாக:

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

 

முடிவுரை

Navigator Flutter இல் நீங்கள் மையப்படுத்தப்பட்ட நிலையை நிர்வகிக்கவும், பக்கங்களுக்கு இடையே எளிதாக செல்லவும் அனுமதிக்கிறது. ஐப் பயன்படுத்துவதன் மூலம் Navigator, தெளிவான கட்டமைப்புடன் பயன்பாடுகளை உருவாக்கலாம் மற்றும் திரைகளுக்கு இடையே செல்லும்போது சிறந்த பயனர் அனுபவத்தை வழங்கலாம்.