how to show the dialog box when session expired or getting response 401 in flutter

Question

My application has a user token and it expires after some time the user login. I got response code 401 and want to navigate to the login page, I am using dio and flutter_secure_storage to save tokens.

else if (e.response?.statusCode == 401) {
  //here I want to show the dialog box or navigate to the login page
  }
  print(getDioException(e));
  throw Exception(getDioException(e));
}

harizh · Answer 1 · 2022-11-04T04:48:13.650

If you want to show popup please do like below.

else if (e.response?.statusCode == 401) {
    showPopUpAlert();//here you have to call your popup function
  }
  print(getDioException(e));
  throw Exception(getDioException(e));
}

//popup UI implementation

showPopUpAlert() {
    showDialog(
        context: context,
        builder: (_) => AlertDialog(
          backgroundColor: Theme.of(context).scaffoldBackgroundColor,
          shape: const RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(10.0))),
          content: Builder(builder: (context) {
            return StatefulBuilder(builder: (context, stateMaintain) {
              return SizedBox(
                width: Responsive.isMobile(context)
                    ? Responsive.screenWidth(context) / 1.1
                    : Responsive.screenWidth(context) / 2,
                height: 350,
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: <Widget>[
                    AutoSizeText('Popup text',
                        style:
                        Theme.of(context).textTheme.headline1),
                  ],
                ),
              );
            });
          }),
        ));
  }

edited my answer. popup having it's own context. we are going to just add this to widget tree. try my solution and revert — harizh, Nov 04 '22 at 04:50

score 0 · Answer 2 · answered Nov 09 '22 at 08:57

After some time of research, I found the answer. we need to create a global key for navigating and after we got the 401 we need to navigate the login page. define global key final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>(); pass the value in MaterialApp

navigatorKey: navigatorKey,

and use into your class

navigatorKey.currentState?.pushNamed('/LoginScreen');

how to show the dialog box when session expired or getting response 401 in flutter

2 Answers2