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/route_paths.dart .
Add a new line like below static const String newRoute = "/new_route_name" .
Update Router file
Open the file /lib/config/router.dart .
Import newly created Screen into the Router.
import 'package:appname/views/new_screen/new_screen.dart';
​
static Route<dynamic> generateRoute(RouteSettings settings) {
  switch (settings.name) {
   case AppRoutes.newRoute:
      return MaterialPageRoute(builder: (_) => NewScreen());
}
​

Last modified 1yr ago