Flutter Question posted in
The official Flutter documentation can be found here.

Flutter – Backbutton is closing the application

The device back button is closing the application. But the application back button is working. ie,

Navigator.pop(context);

Any pointers to fix this issue?

Tags:

2

Answers


  1. 0

    To prevent your Flutter app from closing when the device back button is pressed and instead ensure it behaves like your app’s back button (Navigator.pop(context)), you can use the WillPopScope widget. This widget intercepts the back button press, allowing you to control the behavior.

    import 'package:flutter/material.dart';

class MyScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        // Handle the back button press here
        // Use Navigator.pop(context) to navigate back instead of closing the app
        Navigator.pop(context);
        return false; // Returning false prevents the app from closing
      },
      child: Scaffold(
        appBar: AppBar(
          title: Text('My Screen'),
        ),
        body: Center(
          child: Text('This is the main content of the screen'),
        ),
      ),
    );
  }
}
    • WillPopScope: Wraps your screen widget to intercept back button
      presses.
    • onWillPop: A callback that’s triggered when the back button is
      pressed. Returning false prevents the default behavior (which would
      close the app), while Navigator.pop(context) manually navigates back
      in the app’s navigation stack.
    Login or Signup to reply.
  2. 0

    Try to use NavigatorObserver to monitor navigation events and implement custom back navigation behavior

    Add navigatorObservers: [MyNavigatorObserver()] to MaterialApp

    class MyNavigatorObserver extends NavigatorObserver {
  @override
  void didPop(Route<dynamic> route, Route<dynamic>? previousRoute) {
    // Custom logic when a route is popped
    print('Route popped');
  }
}

    Navigate to next page

       Navigator.push(
        context,
        MaterialPageRoute(builder: (context) => SecondPage()),
   );

    Navigate back with icon back button

     Navigator.pop(context);
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search