Flutter入门｜Widget - AspectRatio

2020-05-09 101 阅读1分钟

快速记录开发过程中遇到的比较重要的小部件

官方文档

个人理解

当某个widget需要按比例显示时，就可以使用该部件
常用的就是Image按比例显示

代码

AspectRatio(
    aspectRatio: 375 / 213.5,
    child: CachedNetworkImage(
        imageUrl: imagePath ?? '',
        fit: BoxFit.cover,
        placeholder: (ctx, url) => Image.asset(
            R.imagesHomeShipType,
        ),
        errorWidget: (ctx, url, error) => Image.asset(
            R.imagesHomeShipType,
        ),
    ),
),