Как изменить ссылку API, сохранив тот же контроллер и пользовательский интерфейс, используя GetX

Question

У меня есть контроллер, в котором я получаю данные из API и добавляю их в список

product_controller.dart

      import 'package:get/state_manager.dart';
import 'package:get_it_test/services/product_services.dart';

class ProductController extends GetxController {
  var ProductList = [].obs;

  @override
  void onInit() {
    // TODO: implement onInit
    fetchProduct();
    super.onInit();
  }

  void fetchProduct() async {
    var productsList = await ProductServices.fetchProducts(); 
    //ProductServices is a Separate class from where I am fetching the API
    print(productsList.data.products);
    if (productsList != null) {
      ProductList.assignAll(productsList.data.products);
    }
  }
}

Я получаю данные из product_services.dart

Product_services.dart

      import 'package:get_it_test/Models/product_model.dart';
import 'package:http/http.dart' as http;

class ProductServices {
  static var client = http.Client();

  static Future fetchProducts() async {
    var response = await client.post(
        Uri.https('********.com', 'api/getProduct'),
        //Here I want to change the number (4) to any other number to fetch different data
        body:'{"category":"4","search":"","sortBy":"relavance","page":"","size":""}');
    if (response.statusCode == 200) {
      var jsonString = response.body;
      print(productsScreenFromJson(jsonString));
      return productsScreenFromJson(jsonString);
    } else {
      //show error message
      return null;
    }
  }
}

Я хочу получить другие данные, изменив это число в пользовательском интерфейсе, нажав другую кнопку на экране пользовательского интерфейса.

Я хочу, чтобы экран контроллера и пользовательского интерфейса оставался неизменным, я хочу изменить только номер в URL-адресе API на основе нажатия кнопки.

Productscreen.dart

      import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:get_it_test/Views/Widgets/BottomBar.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:get_it_test/Controller/product_controller.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';

class ProductScreen extends StatelessWidget {
  final String title;

  ProductScreen(this.title);

  final ProductController productController = Get.put(ProductController());
  //I tried creating a constructor in the Controller and passing the data from here to the controller
  //But I can only able to pass the hard code data through this as it is giving warning that 
  //access members can't be accessed through the initialiser
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        iconTheme: IconThemeData(color: Colors.black),
        backgroundColor: Colors.white,
        title: Text(
          title,
          style: TextStyle(color: Colors.black),
        ),
      ),
      body: SafeArea(
        child: Column(
          children: [
            Expanded(
              child: Obx(() => StaggeredGridView.countBuilder(
                    crossAxisCount: 2,
                    itemCount: productController.ProductList.length,
                    itemBuilder: (BuildContext context, int index) =>
                        new Container(
                            // height: 200,
                            width: 200,
                            child: Padding(
                              padding: const EdgeInsets.all(8.0),
                              child: Column(
                                children: [
                                  CachedNetworkImage(
                                    imageUrl: productController
                                        .ProductList[index].image,
                                    placeholder: (context, url) =>
                                        new CircularProgressIndicator(),
                                    errorWidget: (context, url, error) => new Image
                                            .network(
                                        '****.com/noimage.png'),
                                  ),
                                  // Image.network(productController
                                  //     .ProductList[index].image),
                                  Text(productController
                                      .ProductList[index].prodName),
                                ],
                              ),
                            )),
                    staggeredTileBuilder: (int index) =>
                        new StaggeredTile.fit(1),
                    mainAxisSpacing: 4.0,
                    crossAxisSpacing: 4.0,
                  )),
            ),
            BottomBar()
          ],
        ),
      ),
    );
  }
}

Я попытался создать конструктор в контроллере и передать данные со страницы ProductScreen.dart в контроллер, но я могу передать только данные жесткого кода отсюда, поскольку он предупреждает, что переменная-член экземпляра не может быть доступна через инициализатор

Надеюсь, вы поняли мою проблему, я хочу, чтобы экран пользовательского интерфейса был таким же, как и контроллер. Я хочу изменить только ссылку API, которая извлекает данные из файла Product_Service.dart и передает эти данные контроллеру внутри списка.

Answer 1

      static Future fetchProducts(int number) async {
    var response = await client.post(
        Uri.https('********.com', 'api/getProduct'),
        //Here I want to change the number (4) to any other number to fetch different data
        body:'{"category":"$number","search":"","sortBy":"relavance","page":"","size":""}');
    .....
  }

это невозможно?

Правки для просмотра

      Future getProductsWithAnotherCategory() async{

   
    final ProductController productController = Get.put(ProductController());
    final ProductController productController = Get.find();


    await productController.fetchProducts(4);
  }

это помогает?

Answer 2

Спасибо за ответ @MMHasibuzzaman, я решил свою проблему, инициализировав final ProductController productController = Get.put(ProductController());в файле homepage.dart .

Я прошел Get.find<ProductController>().fetchProduct(3); в функции onTap домашней страницы, чтобы она передавала аргумент.

также добавил final ProductController productController = Get.find<ProductController>();в файле ProductScreen.dart, чтобы я мог использовать ту же переменную экземпляра на домашней странице. и это решило мою проблему.