底部导航栏中的容器占据整个屏幕答案

【问题标题】：Container in Bottom Navigation Bar taking whole screen底部导航栏中的容器占据整个屏幕
【发布时间】：2022-10-22 14:12:59
【问题描述】：

我想在我的应用程序的底部导航栏中放置一个容器，但它占据了整个屏幕

bottomNavigationBar: Container(
      padding: EdgeInsets.only(
          left: Dimensions.sizeWidthPercent(16),
          right: Dimensions.sizeWidthPercent(16),
          bottom: Dimensions.sizeHeightPercent(30)),
      child: Column(
        children: const [
          TextContainer(text: 'Proceed to request dispatcher')
        ],
      ),
    )

这就是整个脚手架主体丢失的情况

【问题讨论】：

标签： flutter

【解决方案1】：

问题就在这里。当没有垂直向其父级声明大小时，列将垂直扩展。因此，您需要为列声明主轴大小。将以下主轴大小添加到列中。

 mainAxisSize:MainAxisSize.min,

所以上面的完整代码是，

bottomNavigationBar: Container(
      padding: EdgeInsets.only(
          left: Dimensions.sizeWidthPercent(16),
          right: Dimensions.sizeWidthPercent(16),
          bottom: Dimensions.sizeHeightPercent(30)),
      child: Column(
        mainAxisSize:MainAxisSize.min,
        children: const [
          TextContainer(text: 'Proceed to request dispatcher')
        ],
      ),
    )

【讨论】：

【解决方案2】：

只需向容器添加高度，它将解决问题

【讨论】：