Navigator between pages by Flutter Getx

Question

When moving from page to page via getx and repeating the same page, on the second page it maintains the same state of the controller on the first page.

When the same page is repeated, I want to create the controller again so that it takes a new state other than the previous one.

The code:

class MovieDetails extends StatelessWidget {
    const MovieDetails({Key? key}) : super(key: key);
    
  @override
    Widget build(BuildContext context) {
      return Scaffold(
          body: GetBuilder<MovieDetailsController>(
            builder: (controller) => Widget(),
        ),
     );
   }
}

Navigator

Get.toNamed(AppRoutes.searchPage, arguments: {'media_type': mediaType});

Note: I do not want to make a page replacement

score 0 · Answer 1 · answered May 06 '23 at 22:07

If you wanna recreate the controller whenever you navigate to that page and also you wanna use GetBuilder, use like this.

GetBuilder<Controller>(
   initState: Controller(), // You initiate your controller here
   builder: (c) => Text(
     '${c.counter}',
   ),
   dispose: (_) => Get.delete<Controller>(); // You dispose your controller here
)

If you navigate many routes and need data that was in your previously used controller, you just need to use GetBuilder Again (with no init).

I've linked the offical docs' exaplanation for GetBuilder. Link here: GetBuilder

Cheers

Navigator between pages by Flutter Getx

1 Answers1