android – A RenderFlex overflowed by 52 pixels on the underside

I’ve an issue with Flutter (Dart) RenderFlex overflowed pixels. Methods to repair the next error?……………………
I get an warning of A RenderFlex overflowed by 52 pixels on the underside.
Can anybody repair this??

  @override
  Widget construct(BuildContext context) {
    return SafeArea(
      backside: false,
      baby: Scaffold(

        appBar: AppBar(),
        bottomNavigationBar: Container(
          baby: ButtonBar(
            alignment: MainAxisAlignment.spaceBetween,
            buttonPadding: EdgeInsets.zero,
            kids: [
              "$${catalog.price}".text.bold.xl4.red800.make(),
              ElevatedButton(
                onPressed: () {},
                style: ButtonStyle(
                    backgroundColor:
                        MaterialStateProperty.all(MyTheme.darkBluishColor),
                child: "Buy".text.make(),
              ).wh(100, 50)
            ],
          ).p32(),
        ),
        physique: Column(kids: [
          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(),
              ),
            ),
          )
        ]),
      ),
    );
  }