How To Redirect From One Page To Another Page In Flutter

RaisedButton(
  color: Colors.black,
  child: Text('Go to SecondPage', style: TextStyle(color: Colors.white),),
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => SecondPage()),
    );
  },
),

1. Push: The push method is used to add another route onto the top of the current stack. The new page is displayed over the previous one.
2. Pop: As the Navigator works like a stack, it uses the LIFO (Last-In, First-Out) principle. The pop method removes the topmost route from the stack. This displays the previous page to the user.

class FristPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text('Redirect Page',),
        backgroundColor: Colors.black,
      ),
      body: Center(
        child: RaisedButton(
          color: Colors.black,
          child: Text('Go to SecondPage', style: TextStyle(color: Colors.white),),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => SecondPage()),
            );
          },
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text("Second Page"),
        backgroundColor: Colors.black,
      ),
      body: Center(
        child: RaisedButton(
          color: Colors.black,
          onPressed: () {
            Navigator.pop(context);
          },
          child: Text('Go back!',style: TextStyle(color: Colors.white),),
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';
void main() {
  runApp(MaterialApp(
    debugShowCheckedModeBanner: false,
    title: 'Navigation Basics',
    home: FristPage(),
  ));
}

class FristPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text('Redirect Page',),
        backgroundColor: Colors.black,
      ),
      body: Center(
        child: RaisedButton(
          color: Colors.black,
          child: Text('Go to SecondPage', style: TextStyle(color: Colors.white),),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (context) => SecondPage()),
            );
          },
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Text("Second Page"),
        backgroundColor: Colors.black,
      ),
      body: Center(
        child: RaisedButton(
          color: Colors.black,
          onPressed: () {
            Navigator.pop(context);
          },
          child: Text('Go back!',style: TextStyle(color: Colors.white),),
        ),
      ),
    );
  }
}