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
Post a Comment