简体   繁体   English

底部溢出 52 像素的 RenderFlex

[英]A RenderFlex overflowed by 52 pixels on the bottom

I have a problem with Flutter (Dart) RenderFlex overflowed pixels.我遇到 Flutter (Dart) RenderFlex 溢出像素的问题。 How to fix the following error?........................ I am getting an warning of A RenderFlex overflowed by 52 pixels on the bottom.如何修复以下错误?................................我收到RenderFlex 底部溢出 52 像素的警告。 Can anyone fix this??谁能解决这个问题??

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      bottom: false,
      child: Scaffold(

        appBar: AppBar(),
        bottomNavigationBar: Container(
          child: ButtonBar(
            alignment: MainAxisAlignment.spaceBetween,
            buttonPadding: EdgeInsets.zero,
            children: [
              "\$${catalog.price}".text.bold.xl4.red800.make(),
              ElevatedButton(
                onPressed: () {},
                style: ButtonStyle(
                    backgroundColor:
                        MaterialStateProperty.all(MyTheme.darkBluishColor),
                child: "Buy".text.make(),
              ).wh(100, 50)
            ],
          ).p32(),
        ),
        body: Column(children: [
          Hero(
                  tag: Key(catalog.id.toString()),
                  child: Image.network(catalog.image))
              .h32(context),
          Expanded(
            child: VxArc(
              arcType: VxArcType.CONVEY,
              edge: VxEdge.TOP,
              child: Container(
                width: context.screenWidth,
                child: Column(
                  children: [
                    catalog.name.text.xl4
                        .bold
                        .make(),
                    catalog.desc.text.textStyle(context.captionStyle).xl.make(),
                    " Eos ipsum voluptua eirmod elitr, no dolor dolor amet eirmod dolor labore dolores magna. Amet vero vero vero kasd"
                        .text
                        .textStyle(context.captionStyle)
                        .make()
                        .p16()
                  ],
                ).py64(),
              ),
            ),
          )
        ]),
      ),
    );
  }

I used a SingleChildscrollView for the body of the scaffold and it solved the problem for me我为脚手架的主体使用了 SingleChildscrollView,它解决了我的问题

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM