Navigator ਫਲਟਰ ਵਿੱਚ ਰਾਜ ਅਤੇ ਨੇਵੀਗੇਸ਼ਨ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨਾ

ਫਲਟਰ ਵਿੱਚ, 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 's ਵਿਧੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। ਇੱਕ ਆਮ ਢੰਗ 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 ਫਲਟਰ ਵਿੱਚ ਤੁਹਾਨੂੰ ਕੇਂਦਰੀਕ੍ਰਿਤ ਸਥਿਤੀ ਦਾ ਪ੍ਰਬੰਧਨ ਕਰਨ ਅਤੇ ਆਸਾਨੀ ਨਾਲ ਪੰਨਿਆਂ ਦੇ ਵਿਚਕਾਰ ਨੈਵੀਗੇਟ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਦੀ ਵਰਤੋਂ ਕਰਕੇ Navigator, ਤੁਸੀਂ ਸਪਸ਼ਟ ਆਰਕੀਟੈਕਚਰ ਨਾਲ ਐਪਸ ਬਣਾ ਸਕਦੇ ਹੋ ਅਤੇ ਸਕ੍ਰੀਨਾਂ ਦੇ ਵਿਚਕਾਰ ਨੈਵੀਗੇਟ ਕਰਨ ਵੇਲੇ ਇੱਕ ਬਿਹਤਰ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਪ੍ਰਦਾਨ ਕਰ ਸਕਦੇ ਹੋ।