Flutter getx controller get the current page context

Question

I would like to use context to show a custom dialog from cool alert in getxcontroller method. I have created the following controller

class HomePageController extends GetxController {
 
   @override
   void onInit() {
     super.onInit();
     getData();
   }

   void getData(){
    //perform http request here 
     //show cool alert 

     CoolAlert.show(
      context: context,  //here needs the build context
      type: CoolAlertType.success
      );
   }

}

Am using this controller in my stateless widget like

class HomePage extends StatelessWidget {
   HomePage({ Key? key }) : super(key: key);

   final _c = Get.find<HomePageController>();


    @override
    Widget build(BuildContext context) {
        return Container(
  
          );
    }
 }

How can i get the current homepage BuildContext in the controller inorder to show the cool alert.

Initialize HomePageController on HomePage if you want access to the current screen context — Salih Can, Oct 15 '21 at 05:30
// You can get the context here BuildContext? context = Get.context; — Roldan Unne Torralba, Dec 21 '21 at 05:30

score 2 · Answer 1 · answered Nov 04 '21 at 01:58

2

If you want to show a dialog or snackbar what need context as a required agument. You can use Get.dialog() and Get.snackbar, there function work same as showDialog and showSnackbar but *without* context or scaffod

answered Nov 04 '21 at 01:58

Tuan

2,033
1
9
16

score 1 · Answer 2 · answered Mar 31 '23 at 13:49

You can simple use

Get.context

It will look like something like this

class HomePageController extends GetxController {
 
   @override
   void onInit() {
     super.onInit();
     getData();
   }

   void getData(){
    //perform http request here 
     //show cool alert 

     CoolAlert.show(
      context: Get.context,  //here needs the build context
      type: CoolAlertType.success
      );
   }

}

zrl · Answer 3 · 2022-05-22T02:52:31.490

you can add the context to the construct function:

@override
Widget build(BuildContext context) {
  Get.put(HomePageController(context: context));
  return Container();
}

and for the HomePageController:
note: you need to wrap the function with Future.delayed(Duration.zero) otherwise it will throw an error

class HomePageController extends GetxController {
  late BuildContext context;

  HomePageController({required this.context});
  
   void getData(){
     Future.delayed(Duration.zero,(){
       CoolAlert.show(
         context: context,  //here needs the build context
         type: CoolAlertType.success
       );
     });
   }
  ...
}

MORE AKASH · Answer 4 · 2021-10-15T06:41:47.503

-3

You Need to Initialize the controller on the homepage like following

class HomePage extends StatelessWidget {
   HomePage({ Key? key }) : super(key: key);

   final _c = Get.put(HomePageController())..getData(context);


    @override
    Widget build(BuildContext context) {
        return Container(
  
          );
    }
 }

This will call getData Function and remove the onInit Function and Pass Buildcontext context parameter in getData Function.

edited Oct 15 '21 at 06:41

answered Oct 15 '21 at 06:04

MORE AKASH

283
1
8

How will i pass the context to the controller? – Geoff Oct 15 '21 at 06:09
@Geoff I have changed my answer check that. – MORE AKASH Oct 15 '21 at 06:42

Flutter getx controller get the current page context

4 Answers4