如何使用子尺寸而不是父尺寸向 flutter 容器添加边框？

Question

如何使用子尺寸而不是父尺寸向 flutter 容器添加边框？

当前布局

所需布局

代码

return Scaffold(
  backgroundColor: Color(0XFF136154),
  body: Container(
    decoration: BoxDecoration(
      border: Border.all(color: Colors.white),
      borderRadius: BorderRadius.circular(15),
    ),
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        // Child
        // Login Text
        // Email feild
        // Password feild
        // Login Button
      ],
    ),
  ),
); 

Answer 1

Column 的高度由 mainAxisSize 属性决定

我认为它不见了

Column(
   mainAxisSize: mainAxisSize.min

默认为MainAxisSize.max,

还需要做另一件事，在body上使用Center小部件

return Scaffold(
    backgroundColor: Color(0XFF136154),
    body: Center(
      child: Container(
        decoration: BoxDecoration(
          border: Border.all(color: Colors.white),
          borderRadius: BorderRadius.circular(15),
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center, // this is by default
          children: [
            // Child
            // Login Text
            // Email feild
            // Password feild
            // Login Button
          ],
        ),
      ),
    ),
  );
}

查找有关布局的更多信息