When pressing the back button the application closes in flutter?

Question

As the title says after pressing the back button, the application closes.

Container(
      margin: EdgeInsets.only(left: 20, top: 8),
      decoration: BoxDecoration(
          color: colorYellow,
          borderRadius: BorderRadius.all(Radius.circular(20))),
      height: 40,
      width: 40,
      child: IconButton(
        icon: Icon(Icons.arrow_back, color: Colors.white, size: 20),
        onPressed: () => Navigator.of(context).pop(),
      ),
    ),

Trombidiasis

I don't think you need to put true inside pop(). Maybe that's the problem? Can you give more code so we can check if there is something you are missing? – Affranchise

i am also try with out true its also not working – Trombidiasis

The reason that the app is crashing might be because Flutter can't find anything to pop() out of. Is there any error given in the terminal? Maybe you can try Navigator.pop(context). – Affranchise

i am applying this one also . same issue – Trombidiasis

Hi! Don't actually understand what you want to get and whats wrong. Please explain. – Overliberal

Answer 1

You can try changing android:enableOnBackInvokedCallback in AndroidManifest from true to false.

android>app>src>main>AndroidManifest.xml

Before

android:enableOnBackInvokedCallback="true"

After

android:enableOnBackInvokedCallback="false"

Entranceway

I had the same issue, but this solution worked for me. @Parth-Prajapati Should mark this as the answer. After updating the code in the manifest file, I had to uninstall the app and install it again to start fresh. – Ransdell

Answer 2

I was getting the same issue. When implemented flutter_stripe. Changing **FlutterFragmentActivity** to **FlutterActivity** solved the Issue. Don't know the cause

---

Delate

i did the same but now stripe initialization getting error, So how to handle tha? – Clingfish

setting android:enableOnBackInvokedCallback to false in menifest file worked for me. I was also having this issue while integrating stripe – Pessimism

thanx Rehan worked for me as well with local_auth plugin need Flutterfragmentactivity – Busby

Answer 3

Wrap your Scaffold with WillPopScope. Whenever the back button is pressed, you will get a callback at onWillPop, which returns a Future. If the Future returns true, the screen is popped.

 @override
 Widget build(BuildContext context) {
    return WillPopScope(
    onWillPop: () async {
        // await showDialog or Show add banners or whatever
        // return true if the route to be popped
         return false; // return false if you want to disable device back button click
       },
      child: Scaffold(),
     ),
  };

return false; which means your application not going to close on back button click

EDIT JUNE 2024

The WillPopScope widget in flutter is deprecated. The alternative widget is PopScope. This is how you can use it.

PopScope(
  canPop: false,
  onPopInvoked : (didPop){
   //---Your logic goes here---//
  },
)

Antiworld

This is deprecated – Killough

Answer 4

WillPopScope is now deprecated after update 3.12.2, instead you can use PopScope

PopScope(
  canPop: false,
  onPopInvoked : (didPop){
   // logicenter code here
 }

Dworman

This answer has worked for me 👍 – Procreant

Answer 5

Use Navigator.pop(context); instead of Navigator.of(context).pop()

Inconsistency

i am applying this one also . same issue – Trombidiasis

Can you paste your issue on here ? – Inconsistency

no error display app is crash when click on it – Trombidiasis

Answer 6

  Future<bool> onBackPress(context) {
        return showDialog(
            context: context,
            builder: (context) => AlertDialog(
                  title: Text('Do you wish to exit?'),
                  actions: <Widget>[
                    TextButton(
                      child: Text('Cancel'),
                      onPressed: () => {Navigator.pop(context, false)},
                    ),
                    TextButton(
                        onPressed: () => {Navigator.pop(context, true)},
                        child: Text('Exit'))
                  ],
                ));
      }
    
    @override
      Widget build(BuildContext context) {
        return WillPopScope(
          onWillPop: () => onBackPress(context),
          child: SafeArea(),
     )};

Rep

Answer 7

i am using the popscope but when i press the back button before loading the data i am getting the black screen instead of popup. when i press the back button again the app is closing

Rhamnaceous

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center. – Rinker

Answer 8

I encountered the same issue with my Flutter application where pressing the back button caused the app to close. I managed to resolve it using the back_button_interceptor package.

Here's the solution that worked for me:

1. Add the back_button_interceptor package to your pubspec.yaml:

dependencies:
  back_button_interceptor: ^5.0.0

2. Implement the interceptor to handle the back button behavior:

import 'package:back_button_interceptor/back_button_interceptor.dart';
import 'package:flutter/services.dart';

bool _routeInterceptor(bool stopDefaultButtonEvent, RouteInfo info) {
  // Get the current navigation state
  var navigationState = Navigator.of(appRouter.navigatorKey.currentContext!);
  
  // If the keyboard is open, close it
  if (MediaQuery.of(appRouter.navigatorKey.currentContext!).viewInsets.bottom > 0) {
    SystemChannels.textInput.invokeMethod('TextInput.hide');
    return true;
  }
  
  // If we can pop the screen, pop it
  if (navigationState.canPop()) {
    navigationState.pop();
    return true;
  }
  
  return false;
}

@override
void initState() {
  super.initState();
  // Register the interceptor
  BackButtonInterceptor.add(_routeInterceptor);
}

@override
void dispose() {
  // Unregister the interceptor
  BackButtonInterceptor.remove(_routeInterceptor);
  super.dispose();
}

This interceptor does the following:

If the keyboard is open, it closes the keyboard and prevents the back button from performing its default action. If the keyboard is not open and the current route can be popped, it pops the route. This solution ensures that pressing the back button will either close the keyboard or navigate back without closing the app unexpectedly.

Dematerialize