AspectRatio，Card

AspectRatio的作用是根据设置调整子元素child的宽高比。AspectRatio首先会在布局限制条件允许的范围内尽可能的扩展，widget的高度是由宽度和比率决定的，类似于BoxFit 中的contain,按照固定比率去尽量占满区域。如果在满足所有限制条件过后无法找到一个可行的尺寸，AspectRatio最终将会去优先适应布局限制条件，而忽略所设置的比率；

代码:

 

 一般适应于图片；

 

 2.Card组件

margin： 外边距； child：子组件； shape： Card的阴影效果；

代码示例：

import 'package:flutter/material.dart';

class UserMain extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("user"),
          centerTitle: true,
        ),
        body: redenerBody());
  }
}

Widget redenerBody() {
  return Center(
      child: Container(
    child: Card(
      color: Colors.orange,
      margin: EdgeInsets.all(10.0),
      child: Column(
        children: <Widget>[
          ListTile(
            leading: ClipOval(
              child: Image.asset(
                'images/a.jpg',
                height: 50,
                width: 50,
                fit: BoxFit.cover,
              ),
            ),
            title: Text(
              '张三',
              style: TextStyle(fontSize: 28),
            ),
            subtitle: Text('高级工程师'),
          ),
          ListTile(
            title: Text('电话：'),
            subtitle: Text("13126521905"),
          ),
          ListTile(
            title: Text('地址：'),
            subtitle: Text("武汉市洪山区光谷广场"),
          )
        ],
      ),
    ),
  ));
}

效果：