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 ની પદ્ધતિઓનો ઉપયોગ કરી શકો છો. એક સામાન્ય પદ્ધતિ 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 in Flutter તમને કેન્દ્રિય સ્થિતિનું સંચાલન કરવા અને પૃષ્ઠો વચ્ચે સરળતાથી નેવિગેટ કરવાની મંજૂરી આપે છે. નો ઉપયોગ કરીને Navigator, તમે સ્પષ્ટ આર્કિટેક્ચર સાથે એપ્લિકેશન્સ બનાવી શકો છો અને સ્ક્રીનો વચ્ચે નેવિગેટ કરતી વખતે બહેતર વપરાશકર્તા અનુભવ પ્રદાન કરી શકો છો.