在单个子滚动视图内部，RenderFlex 在底部溢出了 61 个像素

如何解决在单个子滚动视图内部，RenderFlex 在底部溢出了 61 个像素

我有一个屏幕，我想动态插入一些复选框，但在这个例子中，我在它上面固定了三个只是为了测试。这是代码：

Expanded(
  flex: 3,child: Padding(
    padding: EdgeInsets.all(10),child: Container(
      decoration: Boxdecoration(
        border: Border.all(
          color: AppColorSecondary,),borderRadius: BorderRadius.all(Radius.circular(20))
      ),child: Column(
        mainAxisSize: MainAxisSize.min,children: [
          Text(i.description,textAlign: TextAlign.center,style: TextStyle(fontWeight: FontWeight.bold),SizedBox(height: 3,Text("Cod: ${i.code}",Divider(),Text("R\$ ${i.value.toString()}"),SingleChildScrollView( // the error is here
            child: Column(
              children: [
                CheckBoxListTile(
                  title: Text("AA"),value: true,CheckBoxListTile(
                  title: Text("AA"),],padding: EdgeInsets.all(10),))),

运行这个，它抛出这个错误：

RenderFlex 在底部溢出了 61 个像素。

我只是想让它可滚动以显示所有复选框。我做错了什么？

解决方法

这是因为您将 List operator+(const List &l) const { if (length() != l.length()) throw std::runtime_error("lists must be the same length"); List res; node* current = head; node* l_current = l.head; while (current != NULL && l_current != NULL) { res.add(current->val + l_current->val); // or whatever your method is called... current = current->next; l_current = l_current->next; } return res; } 与 SingleChildScrollView 嵌套

你需要做的是给Column一个固定高度的父容器

否则它应该放置在像 SingleChildScrollView 或 Expanded 这样的 flex 小部件中，这将在场景后面给它固定的高度，但取决于 colmun/row 中的其他项目

,

用 Expanded 包裹 SingleChildScrollView，因为它在列内，以获取列中剩余的最大空间

Expanded(
 child:SingleChildScrollView(
  child:Column(
   children:[
     CheckboxListTile(
      title: Text("AA"),value: true,),CheckboxListTile(
      title: Text("AA"),]
  )
 )
)