Flutter使用GetX整合API至UI时遇空安全相关错误求助

第一个错误：空安全参数问题 #

错误信息：

参数'id, title, description, price, discount, rating, stock, brand, category, thumbnail, images'的类型不允许为null，但隐式默认值为null。

第二个错误：模型实例化缺少必填参数 #

在添加required处理空安全后，调用ProductModel类时出现新错误：
错误信息：

命名参数'id, title, description...'为必填项，但未传入对应的参数。

相关代码 #

JSON模型代码

ProductModel productModelFromJson(String str) =>
    ProductModel.fromJson(json.decode(str));

String productModelToJson(ProductModel data) => json.encode(data.toJson());

class ProductModel {
  ProductModel({
    required this.id,
    required this.title,
    required this.description,
    required this.price,
    required this.discountPercentage,
    required this.rating,
    required this.stock,
    required this.brand,
    required this.category,
    required this.thumbnail,
    required this.images,
  });

  int id;
  String title;
  String description;
  int price;
  double discountPercentage;
  double rating;
  int stock;
  String brand;
  String category;
  String thumbnail;
  List<String> images;

  factory ProductModel.fromJson(Map<String, dynamic> json) => ProductModel(
        id: json["id"],
        title: json["title"],
        description: json["description"],
        price: json["price"],
        discountPercentage: json["discountPercentage"]?.toDouble(),
        rating: json["rating"]?.toDouble(),
        stock: json["stock"],
        brand: json["brand"],
        category: json["category"],
        thumbnail: json["thumbnail"],
        images: List<String>.from(json["images"].map((x) => x)),
      );

  Map<String, dynamic> toJson() => {
        "id": id,
        "title": title,
        "description": description,
        "price": price,
        "discountPercentage": discountPercentage,
        "rating": rating,
        "stock": stock,
        "brand": brand,
        "category": category,
        "thumbnail": thumbnail,
        "images": List<dynamic>.from(images.map((x) => x)),
      };
}

Controller错误代码

import 'package:get/state_manager.dart';
import 'package:practice/apimodule/api_service.dart';
import 'package:practice/productmodule/models/product_model.dart';
import 'package:get/get_rx/get_rx.dart';

class ProductController extends GetxController {
  var isLoading = true.obs;
  var productList = ProductModel().obs;
}

解决方案 #

1. 完善JSON解析的空值处理
   虽然你已经用required标记了构造函数参数，但API返回的JSON可能存在null字段，需要在fromJson工厂方法中添加默认值兜底，避免解析时崩溃：

   factory ProductModel.fromJson(Map<String, dynamic> json) => ProductModel(
         id: json["id"] ?? 0,
         title: json["title"] ?? "",
         description: json["description"] ?? "",
         price: json["price"] ?? 0,
         discountPercentage: json["discountPercentage"]?.toDouble() ?? 0.0,
         rating: json["rating"]?.toDouble() ?? 0.0,
         stock: json["stock"] ?? 0,
         brand: json["brand"] ?? "",
         category: json["category"] ?? "",
         thumbnail: json["thumbnail"] ?? "",
         images: List<String>.from(json["images"]?.map((x) => x) ?? []),
       );
   

2. 修正Controller中的响应式变量声明
   你的productList应该是产品列表，而非单个ProductModel实例，直接调用ProductModel()会因为缺少必填参数报错。根据需求选择以下两种方式：

   • 如果是单个产品：使用Rxn声明可空的响应式变量

     var product = Rxn<ProductModel>();
     

   • 如果是产品列表：声明响应式列表

     var productList = <ProductModel>[].obs;
     

   后续API请求成功后，通过fromJson解析数据并赋值：

   Future<void> fetchProducts() async {
     isLoading(true);
     try {
       // 假设ApiService.getProducts()返回JSON数组
       var responseData = await ApiService.getProducts();
       productList.value = List<ProductModel>.from(
         responseData.map((item) => ProductModel.fromJson(item))
       );
     } catch (e) {
       print(e);
     } finally {
       isLoading(false);
     }
   }
   

内容的提问来源于stack exchange，提问作者Priya