Flutter跨文件带参数调用Widget报错：Null非String子类型

问题根源 #

你的代码存在两个核心问题导致报错：

• CardWidget构造函数的参数未被存储为类成员变量，传入的参数完全没被使用
• 内部CardWid方法调用时未传递任何参数，导致方法内的ptext、paccount等参数默认是null，当在UI组件（如Text）中使用这些参数时，就会触发null转String的类型错误

修正后的CardWidget代码 #

import 'package:flutter/material.dart';

class CardWidget extends StatelessWidget {
  // 定义类成员变量，指定明确类型，必要参数添加required
  final Color pcolor;
  final String ptext;
  final String paccount;
  final String pdate;
  final int peoplein;

  // 构造函数初始化所有成员变量
  const CardWidget({
    Key? key,
    required this.pcolor,
    required this.ptext,
    required this.paccount,
    required this.pdate,
    required this.peoplein,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 5),
      child: Container(
        // 示例UI，你可根据需求调整样式和布局
        color: pcolor,
        padding: const EdgeInsets.all(12),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(ptext, style: const TextStyle(fontSize: 17, fontWeight: FontWeight.w600)),
            const SizedBox(height: 6),
            Text('发布者: $paccount', style: const TextStyle(color: Colors.grey)),
            const SizedBox(height: 6),
            Text('发布时间: $pdate', style: const TextStyle(color: Colors.grey)),
            const SizedBox(height: 6),
            Text('需要成员数: $peoplein'),
          ],
        ),
      ),
    );
  }
}

主文件调用代码（仅需修改一处） #

class HomePageState extends State<HomePage> {
  int _selectedIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView(
        children: [
          CardWidget(
              pcolor: Colors.orangeAccent,
              ptext: 'I need team for First Person Shooter',
              paccount: 'gamedev21',
              pdate: 'February 12, 2023, 21:00',
              peoplein: 2),
          CardWidget(
              pcolor: Colors.green[700]!, // 添加!断言非null，因为Colors.green[700]返回Color?类型
              ptext: 'text',
              paccount: 'text',
              pdate: 'February 12, 2023, 18:00',
              peoplein: 4),
        ],
      ),
    );
  }
}

关键注意事项 #

• 始终给类成员变量指定明确类型，避免动态类型导致的空安全问题
• 对于可能返回null的值（如Colors.green[700]），使用!断言或空值处理（如?? Colors.green）确保类型匹配
• 如果某些参数是可选的，可将成员变量设为可空类型（如final String? paccount;）或设置默认值（如final String paccount = '';）

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