Navigate to a new screen in Flutter

Question

How do you navigate to a new screen in Flutter?

These questions are similar, but are asking more than I am.

• Flutter - Navigate to a new screen, and cle

Answer 1

If you are familiar with web development this approach is similar to routing.

main.dart

void main() {
  setupLocator();
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      routes: {
        '/' : (BuildContext context)=>HomePage(),
        '/register' : (BuildContext context)=>RegisterPage(),
      },
    );
  }
}

You can add button onPressed event from the homepage.dart to navigate register.dart as follows.

onPressed: (){
    Navigator.pushReplacementNamed(context, '/register');
 },