Flutter中如何将父Widget参数传递给子Widget？解决空值错误

针对你遇到的两个核心问题，直接给出修复方案：

1. 移除Row的const修饰符 #

const 修饰的Widget只能引用编译时常量，而你传入的car123是运行时传入的非const参数，必须去掉Row的const关键字，否则无法传递参数。

2. 给CardImageSection添加接收CarModel的构造函数 #

需要在CardImageSection类中添加接收CarModel参数的成员变量和构造函数，确保能从父组件接收car数据。

完整修复代码示例 #

// 假设你的CarModel类定义如下
class CarModel {
  final String imageUrl;
  final String brand;
  final String model;
  final int year;

  CarModel({
    required this.imageUrl,
    required this.brand,
    required this.model,
    required this.year,
  });
}

// 修复后的CardImageSection
class CardImageSection extends StatelessWidget {
  final CarModel car; // 添加接收参数的成员变量

  // 添加带参数的构造函数
  const CardImageSection({super.key, required this.car});

  @override
  Widget build(BuildContext context) {
    return Image.network(car.imageUrl); // 使用传入的car参数
  }
}

// 已配置接收car参数的CardInfoSection（确保构造函数正确）
class CardInfoSection extends StatelessWidget {
  final CarModel car;

  const CardInfoSection({super.key, required this.car});

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(car.brand),
        Text('${car.model} ${car.year}'),
      ],
    );
  }
}

// 修复后的CarSearchCard
class CarSearchCard extends StatelessWidget {
  final CarModel car123; // 接收外部传入的参数

  const CarSearchCard({super.key, required this.car123});

  @override
  Widget build(BuildContext context) {
    return Card(
      child: Row( // 去掉const修饰符
        children: [
          CardImageSection(car: car123), // 传递参数给CardImageSection
          CardInfoSection(car: car123), // 传递参数给CardInfoSection
        ],
      ),
    );
  }
}

这样修改后，就能正常将car123参数传递给两个子组件，不会再出现空值错误。

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