RenderBox 未布置：相关的导致错误的小部件是 ExpansionTile答案

【问题标题】：RenderBox was not laid out : The relevant error-causing widget was ExpansionTileRenderBox 未布置：相关的导致错误的小部件是 ExpansionTile
【发布时间】：2021-11-26 09:40:54
【问题描述】：

我创建了一个 ExpansionTile 小部件并在展开它时使用 ListView.Builder 显示搜索文本字段和书籍列表，但它向我发送了此错误

RenderBox was not laid out: RenderRepaintBoundary#6b9d7 NEEDS-LAYOUT NEEDS-PAINT
'package:flutter/src/rendering/box.dart':
package:flutter/…/rendering/box.dart:1
Failed assertion: line 1929 pos 12: 'hasSize'

The relevant error-causing widget was
ExpansionTile

这里是代码

 return SafeArea(
        child: Container(
            padding: EdgeInsets.all(16.0),
            color: Color(int.parse(bodycolor)),
            width: MediaQuery.of(context).size.width,
            height: MediaQuery.of(context).size.height,
            child: Column(children: [
ExpansionTile(
                  leading: Icon(Icons.info_rounded,
                      color: HexColor("#5344ed")),
                  title: Text(
                    "Select Staff",
                    style: GoogleFonts.montserrat(
                        fontSize: 18.0,
                        fontWeight: FontWeight.bold,
                        color: HexColor("#5344ed")),
                  ),
                  children: [
                    buildSearch(),
                    ListView.builder(
                      shrinkWrap: true,
                      itemCount: books.length,
                      itemBuilder: (context, index) {
                        final book = books[index];
                        
                        return ListTile(
                        
                          title: Text(book.title),
                          subtitle: Text(book.author),
                        );
                      },
                    )
                  ]),
  ])),
              ),

更新：

我编辑我的代码，结果是这个输出。

如果有人知道怎么做，请帮忙。

【问题讨论】：

标签： flutter expandablelistview expansion

【解决方案1】：

试试下面的代码希望对你有帮助

你的清单 ->

List<String> data = [
    "Counter No 1",
    "Counter No 2",
    "Counter No 3",
    "Counter No 4",
  ];

你的小部件->

SingleChildScrollView(
     child: Column(
          children: [
            // your other widget
            buildSearch(), 
            ExpansionTile(
              leading: Icon(
                Icons.info_rounded,
              ),
              title: Text(
                "Select Staff",
              ),
              children: [
                ListView.builder(
                  shrinkWrap: true,
                  itemCount: data.length,
                  itemBuilder: (context, index) {
                    return ListTile(
                      title: Text(data[index]),
                      subtitle: Text('Your Data'),
                    );
                  },
                ),
              ],
            ),
          ],
        ),
       ),

点击和其他小部件之前的结果屏幕->

点击后你的结果屏幕->

你也可以在这里参考我的回答ExpansionPanel

【讨论】：

我编辑了我的问题，上传了你的代码输出并更新了代码，请检查我哪里做错了
只需在 SingleChildScrollView() 中添加您的 Column 小部件，查看我更新的答案并告诉我

【解决方案2】：

您只需将 SafeArea 包装在 Material 小部件中

【讨论】：

【解决方案3】：

您需要将SafeArea 包装在Material 小部件中

【讨论】：