Program to Navigate from one page to another page.

 Aim : Program to Navigate from one page to another page.

Steps: 

- create a file with name ‘FirstScreen.dart’

- in order to launch this screen first when we open app we will make some 

changes in main.dart file. 

- In main.dart set home: FirstScreen()

- write a code in FirstScreen.dart file, that will display a button in center

- after click on button, MyHomePage screen will appear. 

Code:

Main.dart :

class MyApp extends StatelessWidget {

const MyApp({super.key});

@override

Widget build(BuildContext context) {

return MaterialApp(

title: 'Flutter Demo',

theme: ThemeData(

primarySwatch: Colors.blue,

),

home: FirstScreen(),

);

}

}

FirstScreen.dart:

import 'package:abc/main.dart';

import 'package:flutter/material.dart';

class FirstScreen extends StatelessWidget {

@override

Widget build(BuildContext context) {

// TODO: implement build

return Scaffold(

body: Center(

child: ElevatedButton(

onPressed: () {

Navigator.push(context, MaterialPageRoute(builder: (context) {

return MyHomePage(title: 'welcome');

}));

},

child: Text('click here'),

),

));

}

}

Comments