flutter - 底部溢出像素

Question

我知道这是一个非常常见的错误，当它发生在移动应用程序中时，我也知道通常的解决方案。但这发生在网络应用程序中。

我正在关注本教程，并且在移动设备上一切正常。

 @override
Widget build(BuildContext context) {
 var _nameWidget = kName.text.white.xl6
    .lineHeight(1)
    .size(context.isMobile ? 10 : 20)
    .bold
    .make()
    .shimmer();
 return SafeArea(
  child: VxBox(
    child: VStack(
      [
        ZStack(
          [
            PictureWidget(),
            Row(
              children: [
                VStack([
                  context.isMobile ? 50.heightBox : 10.heightBox,
                  CustomAppBar().shimmer(primaryColor: kAccentColor),
                  30.heightBox,
                  _nameWidget,
                  20.heightBox,
                  VxBox()
                      .color(kAccentColor)
                      .size(60, 10)
                      .make()
                      .shimmer(primaryColor: kAccentColor),
                  30.heightBox,
                  SocialAccounts(
                    twitterUrl: kTwitterUrl,
                    githubUrl: kGithubUrl,
                    linkedInUrl: kLinkedInUrl,
                  ),
                ]).pSymmetric(h: context.percentWidth * 10, v: 32),
                Expanded(
                  child: VxResponsive(
                    fallback: const Offstage(),
                    medium: Introduction()
                        .pOnly(left: 120)
                        .h(context.percentHeight * 60),
                    large: Introduction()
                        .pOnly(left: 120)
                        .h(context.percentHeight * 60),
                  ),
                )
              ],
            ).w(context.screenWidth)
          ],
        ),
      ],
    ),
  )
      .size(context.screenWidth, context.percentHeight * 60)
      .color(kSecondaryColor)
      .make(),
 );
}

}

标签： flutterweboverflow