修复Flutter应用中ParentDataWidget的错误使用问题

错误原因 #

你遇到的错误核心是：Expanded组件只能直接作为Row/Column这类Flex组件的子组件，但你的代码里把Expanded放在了FutureBuilder内部，而FutureBuilder的父级是Container（内部包含ConstrainedBox），这就导致父组件的数据类型不兼容，触发报错。

修改后的代码 #

下面是修复后的完整代码，同时优化了FutureBuilder逻辑，确保简洁展示日期或"N/A"：

Builder(builder: (context) {
  return SafeArea(
    child: Container(
      padding: const EdgeInsets.all(10),
      child: SingleChildScrollView(
        child: Column(
          children: [
            // 带日期的Card
            Card(
              child: Row(
                children: [
                  Expanded(
                    flex: 2,
                    child: Container(
                      child: FutureBuilder<List<AllActiveSessionsModel>>(
                        future: _allActiveSessions,
                        builder: (BuildContext context, AsyncSnapshot<List<AllActiveSessionsModel>> snapshot) {
                          if (snapshot.connectionState == ConnectionState.done) {
                            if (snapshot.hasError) {
                              return const Text("No Data");
                            }
                            final lastSession = snapshot.data?.isNotEmpty == true ? snapshot.data!.last : null;
                            return lastSession != null 
                                ? Text(DateFormat("d/MM").format(lastSession.endDate)) 
                                : const Text("");
                          } else {
                            return const CircularProgressIndicator();
                          }
                        },
                      ),
                    ),
                  ),
                ],
              ),
            ),
            // 循环展示数据（修正作用域问题）
            // 需先在外层获取数据，再进行循环
            if (_allActiveSessionsData != null)
              for (var stuff in _allActiveSessionsData!)
                Card(
                  child: Padding(
                    padding: const EdgeInsets.only(bottom: 8.0, right: 8.0),
                    child: Row(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: [
                        Expanded(
                          child: Container(
                            height: 50,
                            child: FutureBuilder<List<AllActiveSessionsModel>>(
                              future: _allActiveSessions,
                              builder: (BuildContext context, AsyncSnapshot<List<AllActiveSessionsModel>> snapshot) {
                                if (snapshot.connectionState == ConnectionState.done) {
                                  if (snapshot.hasError) {
                                    print("The error is ${snapshot.error}");
                                    return const Text("Error/No Data");
                                  }
                                  final lastSession = snapshot.data?.isNotEmpty == true ? snapshot.data!.last : null;
                                  if (lastSession != null) {
                                    final filteredLogs = lastSession.logs ?? [];
                                    return Text(filteredLogs.isNotEmpty 
                                        ? filteredLogs.map((log) => "Some Data").join(", ") 
                                        : "N/A");
                                  } else {
                                    return const Center(child: Text("N/A"));
                                  }
                                } else {
                                  return const CircularProgressIndicator();
                                }
                              },
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
          ],
        ),
      ),
    ),
  );
}),

关键修复点 #

• 移除FutureBuilder内部的所有Expanded组件：外层Row已经用Expanded包裹了Container，内部直接返回Text即可，无需重复使用Expanded。
• 修正for循环作用域问题：原代码中直接在Column子组件里使用snapshot会导致作用域错误，建议先在外层通过FutureBuilder获取数据后再执行循环。
• 优化空值处理：确保数据为空、加载中或出错时，展示清晰的占位内容（如"N/A"、加载指示器）。

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