flutter - 将容器缩小到较小的 child 而不是扩大到填充 parent

标签 flutter flutter-layout

我正在为段控件创建自定义小部件。

return Padding(
  padding: const EdgeInsets.symmetric(vertical: 20.0),
  child: Container(
    decoration: BoxDecoration(border: Border.all(color: Colors.blue)),
    child: Row(
      mainAxisSize: MainAxisSize.min,
      children: buttons,
    ),
  ),
);

我希望容器缩小到最小大小以包含其子项。但是,当我将小部件包含在父级中时,它会扩展以填充父级。这是可见的,因为装饰的边框比按钮大。

如何强制容器收缩?

最佳答案

要让容器不占用整个父级,您需要告诉它它应该放置在父级中的什么位置 - 默认情况下,它不知道去哪里,所以它会填充父级 =D。

最简单的方法是使用 AlignCenter小部件。在这种情况下,我相信你想把它放在你的 Container 周围,但我不是 100% 确定。

关于flutter - 将容器缩小到较小的 child 而不是扩大到填充 parent ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51182803/

相关文章:

android - Flutter 构建 apk : Duplicate class found in modules guava-26. 0-android.jar 和 listenablefuture-1.0.jar

ios - 在Flutter中安装 native iOS Pod

flutter - 如何在Flutter项目的应用栏中覆盖自定义填充?

dart - 创建一个倒数计时器,每 5 秒为列表中的每个值打印一次剩余时间

flutter - 我们可以在单个 Flutter 项目中使用同一包的不同版本吗?

image - 在文件管理器中替换图像不会替换应用程序中的图像

android - 禁用底部工作表模态上的拖动

flutter - 如何向右移动图标

android - 带有ListTiles和Button行的Flutter下拉菜单

flutter 。将屏幕更改为横向,它会自动变回纵向