RenderFlex在底部溢出了20个像素。相关的引起错误的小部件是Column

Question

您好，亲爱的开发者！按下按钮后，我尝试制作动画小部件，保证金将以默认方式显示，这不是我的问题。我的主要问题是：

════════渲染库捕获异常 ═════════════════════════════════引发了以下断言 在布局过程中：RenderFlex在底部溢出了20个像素。

相关的引起错误的小部件是 列lib \…\ ui \ sesvemuzik.dart：19溢出的RenderFlex的方向为Axis.vertical。 RenderFlex的边缘是 渲染中已用黄色和黑色标记了溢出 条纹的图案。这通常是因为内容太大 用于RenderFlex。

考虑将弹性系数（例如，使用扩展小部件）应用于 强制RenderFlex的子代适应可用空间 而不是按照其自然大小进行调整。这被认为是 错误状态，因为它表明存在无法 可见。如果内容合法大于可用内容 空间，请考虑在放置之前使用ClipRect小部件对其进行裁剪 在Flex中，或使用可滚动容器而不是Flex，例如 一个ListView。

---

导致此问题的小部件。

import 'package:flutter/material.dart';

class SesVeMuzik extends StatelessWidget {


  @override
  Widget build(BuildContext context) {
    final boy = MediaQuery.of(context).size;

    return DecoratedBox(
            decoration: BoxDecoration(
              borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(40),
                  topRight: Radius.circular(40)),
              color: Colors.purple, 
            ),

            child: Column(
              children: [

                Row(
                mainAxisAlignment: MainAxisAlignment.end,
                 children: [ 
                text("Settings of Voice and Music"),

                  Padding(butonun responsive edilmesi ve yerinin ayarlanması 
                    padding: EdgeInsets.only(
                        left: MediaQuery.of(context).size.width / 8,
                        right: MediaQuery.of(context).size.width * 0.02,),
                    child: IconButton(
                      icon: Icon(Icons.close),
                      color: Colors.white,
                      iconSize:
                          MediaQuery.of(context).size.height * 0.041,
                      onPressed: () {}
                    ),
                  ),

                ]),
              SizedBox(height: boy.height*0.04,),


                  ],),


            );
  }
}

我有什么问题？请帮助我，我觉得自己像个白痴，请救救我！

Answer 1

请复制此代码并粘贴您的编辑器。 我认为这是可行的否则，您必须共享完整的代码

> Container(
>           color: Colors.white,
>           height: MediaQuery.of(context).size.height,
>           width: MediaQuery.of(context).size.width,
>           child: DecoratedBox(
>             decoration: BoxDecoration(
>               borderRadius: BorderRadius.only(
>                   topLeft: Radius.circular(40), topRight: Radius.circular(40)),
>               color: Colors.purple,
>             ),
>             child: Column(
>               children: [
>                 Row(
>                   mainAxisAlignment: MainAxisAlignment.end,
>                   children: [
>                     Text("Settings of Voice and Music"),
>                     Padding(
>                       padding: EdgeInsets.only(
>                         left: MediaQuery.of(context).size.width / 8,
>                         right: MediaQuery.of(context).size.width * 0.02,
>                       ),
>                       child: IconButton(
>                           icon: Icon(Icons.close),
>                           color: Colors.white,
>                           iconSize: MediaQuery.of(context).size.height * 0.041,
>                           onPressed: () {}),
>                     ),
>                   ],
>                 ),
>                 SizedBox(
>                   height: MediaQuery.of(context).size.height * 0.04,
>                 ),
>               ],
>             ),
>           ),
>         ),