Flutter padding中图片无法居中

问题描述

由于padding在默认情况下无法为自组件获取最大的宽高度，因此会根据子组件所需的大小自适应调整自己的大小。如果需要把child组件居中显示，需要在外层套一个组件来获取最大的宽高度，才能使组件居中显示。

图片无法居中的代码

Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: getAppbar("登录"),
      body: Padding(
        padding: EdgeInsets.all(20),
        child: Column(
          children: [

            Image.asset(
              "images/zhongqiu.jpg",
              height: 260,
              fit: BoxFit.fill,
            )
          ],
        ),
      ),
    );
  }

修改后代码

Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: getAppbar("登录"),
      body: Padding(
        padding: EdgeInsets.all(20),
        child: Container(
          width: double.infinity,
          child: Column(
            children: [
              Image.asset("images/zhongqiu.jpg",height: 260,fit: BoxFit.fill,)
            ],
          ),
        ),
      ),
    );
  }