Adding Screens

Creating Screen Files

Adding a new screen can be done in a couple of steps
  • Create a new folder, say new_screen and place it under /lib/views/ .
  • Create a new file new_screen.dart within this folder.
class NewScreen extends StatelessWidget {
. . .
. . .

Update Routes file

  • Open the /lib/constants/routes.dart
  • Add a new line like below
static const String newRoute = "new_route_name";

Update Router file

  • Open the file /lib/config/router.dart
  • importnewly created Screen into the Router
import 'package:appname/views/new_screen/new_screen.dart';
Route<dynamic> generateRoute(RouteSettings settings) {
switch (settings.name) {
case AppRoutes.newRoute:
return MaterialPageRoute(builder: (_) => NewScreen());