Flutter GetX navigate to same page but with different data

Question

I am using GetX with my flutter project. In home page when user taps a product, it is navigated to ProductDetails like this

Get.to(() => const PropductDetails(), arguments: [
  {"Details": item}
]);

And in ProductDetails page there is list of related products, now when product is tapped, I want user navigate again to ProductDetails page but with new product details. When user taps back, he will be seeing the previously viewed Product details page.

I used same code as above in ProductDetails page

Get.to(() => const ProductDetails(), arguments: [
  {"Details": relatedItem}
]);

Here is the minimal code of the ProductDetails view:

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:get/get.dart';

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

  @override
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
      statusBarColor: Colors.transparent, //or set color with: Color(0xFF0000FF)
    ));

    return ProductDetailsBuilder(context).build();
  }
}

class ProductDetailsBuilder {
  ProductDetailsBuilder(this.context);
  final BuildContext context;

  final controller = Get.put(ProductDetailsController());

  Widget build() {
    return Scaffold(
      backgroundColor: Colors.white,
      extendBodyBehindAppBar: true,
      appBar: AppBar(
        automaticallyImplyLeading: false,
        backgroundColor: Colors.blue,
        elevation: 0,
        systemOverlayStyle: SystemUiOverlayStyle.light,
      ),
      // add this body tag with container and photoview widget
      body: relatedProducts(),
    );
  }

  Widget relatedProducts() {
    return Column(
      children: List.generate(controller.listRelatedProducts.length, (index) {
        var item = controller.listRelatedProducts[index];

        return Container(
          color: Colors.grey,
          width: double.infinity,
          child: ElevatedButton(
            child: Text(item.label),
            onPressed: () {
              Get.to(() => const ProductDetails(), arguments: [
                {"Details": item}
              ]);
            },
          ),
        );
      }),
    );
  }
}

But this doesn't seem to work. Can anybody please help me in this?

Thanks

You need to provide include the content of your ProductDetails and more information like your Getx route setting if any — phourxx, Oct 05 '22 at 16:30

Julie Ribeiro · Accepted Answer · 2022-11-11T13:00:18.123

8

You can set preventDuplicates to false:

Get.to(() => const ProductDetails(), 
    arguments: [{"Details": item}], 
    preventDuplicates: false
);

edited Nov 11 '22 at 13:00

answered Nov 11 '22 at 12:59

Julie Ribeiro

106
4

I will mark your answer as Correct. THank you! – WatsMyName Nov 13 '22 at 04:10
It throws me an exception ``` Unhandled Exception: setState() or markNeedsBuild() called during build. ``` – motasimfuad Jul 25 '23 at 05:12

score 0 · Answer 2 · answered Nov 03 '22 at 18:37

0

I also run into this, the solution is to use the default Navigator instead of getx navigation for that specific page. It will fix it.

answered Nov 03 '22 at 18:37

Norej Udeisa

1

This should be a comment instead of reply. But I have fixed the issue simply by refreshing the page data instead of navigating to other instance of the page – WatsMyName Nov 04 '22 at 03:13
Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Nov 07 '22 at 20:51

Flutter GetX navigate to same page but with different data

2 Answers2