这是Flutter中的一个购物应用程序，我创建了一个控制器，模型，绑定和提供程序，用于在应用程序中获取和显示API数据。
这是控制器：

class ShopController extends GetxController
with StateMixin<List<NewProducts>>{
  var beveragesList = <NewProducts>[].obs;
  RxBool isLoading = false.obs;
  RxBool noMoreData = false.obs;
  int lastPage = 2;
  int currenctPage = 1;

  final count = 0.obs;

  ShopProductProvider provider;
  ShopController ({required this.provider});

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

  getProductList(bool isLoad) async {
    if(isLoad){
      change(null, status:  RxStatus.loading());
    }

    await provider.getProductlist().then((value) {
      if (kDebugMode){
        print(value);
      }
      List body = json.decode(value) as List;
      final data = body.map((d) => NewProducts.fromJson(d)).toList();
      change(data, status: RxStatus.success());
    }).onError((error, stackTrace) {
      change(null, status: RxStatus.error(error.toString()));
    });
  }

这是提供者：

class ShopProductProvider extends GetConnect {

  Future<dynamic> getProductlist() =>
      http
          .get(
        Uri.parse('${BaseUrl.baseUrl}/api/homepage'),
        /*headers: <String, String>{
          'Content-Type': 'application/json; charset=UTF-8',
        },*/
      )
          .then((value) => value.body)
          .onError((error, stackTrace) => Future.error(error.toString()));

}

这是模型：

class NewProducts {
  int? id;
  int? categoryId;
  int? brandId;

  NewProducts(
      {this.id,
        this.categoryId,
        this.brandId});

  NewProducts.fromJson(Map<String, dynamic> json) {
    id = json['id'];
    categoryId = json['category_id'];
    brandId = json['brand_id'];
  }

  Map<String, dynamic> toJson() {
    final Map<String, dynamic> data = new Map<String, dynamic>();
    data['id'] = this.id;
    data['category_id'] = this.categoryId;
    data['brand_id'] = this.brandId;
    return data;
  }
}

这是一个很好的例子。

class ShopView extends GetView<ShopController> {

  // final ShopController shopController = Get.put(ShopController(provider: ShopProductProvider()));

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.transparent,
      body: Obx(() =>
   StaggeredGrid.count(
                        crossAxisCount: 2,
                        mainAxisSpacing: 3.0,
                        crossAxisSpacing: 0.0,
                        // I only need two card horizontally
                        children: **controller.beveragesList
                            .asMap()
                            .entries
                            .map<Widget>((e) {
                          NewProducts newproducts = e.value;**
                          return GestureDetector(
                            onTap: () {
                              Get.toNamed(Routes.SINGLEPRODUCT);
                            },
                            child: Container(
                              padding: const EdgeInsets.all(5),
                              child: MedicineCard(
                                item: newproducts,
                                heroSuffix: "explore_screen",
                              ),
                            ),
                          );
                        }).toList(), // add some space
                      )
                      ),

…………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………...
我尝试了很多东西，比如改变控制器、视图或列表视图，但什么都没有发生。我想问题出在我的视图页面上。我的API数据显示如下：

{
    "success": true,
    "message": "Data Retrive Successfully",
    "code": 200,
    "result": {
        "NewProducts": [
            {
                "id": 1490,
                "category_id": 41,
                "brand_id": 20,

但在商店视图中显示的是Map列表。我觉得有问题，也在控制器。