分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何使用 GetX 更改 API 链接以保持相同的控制器和 UI，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何使用 GetX 更改 API 链接以保持相同的控制器和 UI？

开发过程中遇到如何使用 GetX 更改 API 链接以保持相同的控制器和 UI的问题如何解决？下面主要结合日常开发的经验，给出你关于如何使用 GetX 更改 API 链接以保持相同的控制器和 UI的解决方法建议，希望对你解决如何使用 GetX 更改 API 链接以保持相同的控制器和 UI有所启发或帮助；

我有一个控制器，我从 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;
    }
  }
}

我想通过单击 UI 屏幕上的另一个按钮来更改 UI 中的数字来获取不同的数据。

我想保持控制器和 UI 屏幕相同，我只想根据按钮点击更改 API url 中的数字。

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 页面传递到控制器但是我只能从这里传递硬编码数据，因为它发出警告 实例成员变量不能通过初始化器访问

我希望你们能解决我的问题，我希望 UI 屏幕和控制器也是一样的。我只想更改 API 链接，该链接从 Product_service.dart 文件中获取数据并将该数据传递给列表中的控制器。

解决方法

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);
  }

这有帮助吗？

感谢@m.m.Hasibuzzaman 的回答，我通过初始化解决了我的问题 final ProductController productController = Get.put(ProductController()); 在 homepage.dart 文件中。

我在主页的 onTap 函数上传递了 Get.find<ProductController>().fetchProduct(3); 以便它传递参数。

还在 ProductScreen.dart 文件中添加了 final ProductController productController = Get.find<ProductController>();，以便我可以在主页中使用相同的实例变量。它解决了我的问题。