如何将复用Widget的subjectCode传递至subject.dart并获取资源路径

你的核心问题是创建SubjectCard时，subjectCode还未从Firebase数据库异步获取到，此时调用linkImage(subjectCode)传递的是空字符串，自然无法匹配到正确的图片链接。

解决方案：将图片链接生成逻辑移到SubjectCard内部执行 #

直接在SubjectCard获取到subjectCode后调用linkImage生成链接，无需提前从外部传递未就绪的参数。

1. 修改SubjectCard组件代码

class SubjectCard extends StatefulWidget {
  final String source;
  final String subjectNo;
  // 移除原有的link参数，改为内部生成
  const SubjectCard({super.key, required this.source, required this.subjectNo});

  @override
  State<SubjectCard> createState() => _SubjectCardState();
}

class _SubjectCardState extends State<SubjectCard> {
  String subjectName = '';
  String subjectCode = '';
  String profesor = '';
  String day = '';
  String start = '';
  String end = '';
  String link = ''; // 新增存储图片链接的变量
  final uid = FirebaseAuth.instance.currentUser!.uid;

  @override
  void initState() {
    super.initState();
    _getSubjectsFromDatabase();
  }

  Future _getSubjectsFromDatabase() async {
    final snapshot = await FirebaseFirestore.instance.collection("subjects").doc("subject list").get();
    if (snapshot.exists) {
      setState(() {
        try {
          Map<String, dynamic> docData = snapshot.data() as Map<String, dynamic>;
          final subjectData = docData[widget.subjectNo] as Map<String, dynamic>;
          subjectCode = subjectData["code"];
          subjectName = subjectData["subject name"];
          day = subjectData["day"];
          profesor = subjectData["professor"];
          start = subjectData["time start"];
          end = subjectData["time end"];
          // 获取到subjectCode后立即生成图片链接
          link = _linkImage(subjectCode);
        } on StateError catch (e) {
          print('No nested field exists!');
        }
      });
    }
  }

  // 将linkImage方法移到组件内部（或确保它能被组件访问到）
  String _linkImage(String subjectCode) {
    switch(subjectCode) {
      case "THEN":
        return "assets/images/MajorApp Icon Design 1.png";
      case "CSDC":
        return "assets/images/MajorApp Icon Design.png";
      default:
        // 提供默认图片，避免无匹配时出错
        return "assets/images/default_subject_icon.png";
    }
  }

  @override
  Widget build(BuildContext context) {
    // 处理异步加载状态，数据未就绪时显示加载组件
    if (link.isEmpty) {
      return const Center(child: CircularProgressIndicator());
    }

    // 这里替换为你原本的Card布局，使用生成好的link变量
    return Card(
      child: Column(
        children: [
          Image.asset(link),
          Text(subjectName),
          Text(profesor),
          // 其他需要展示的组件
        ],
      ),
    );
  }
}

2. 简化调用代码

现在无需传递link参数，只需传入source和subjectNo：

SubjectCard(source: '', subjectNo: 'SUBJECT 3'),

关键优化点 #

• 避免了异步数据未就绪时的无效参数传递
• 内部处理图片链接生成，逻辑更内聚
• 添加了加载状态和默认图片，提升鲁棒性和用户体验

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