在此記錄項目中所遇到問題及解決方案
在Flutter中使用AspectRatio Widget按比例來設(shè)置一個Widget的高度和寬度柱搜,參數(shù)aspectRatio 是比率設(shè)置饼煞。
以下代碼讓Image Widget 根據(jù)屏幕的寬度來設(shè)置高度龄句,比例 3:1
import 'package:flutter/material.dart';
class test extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.all(15),
child: AspectRatio(
aspectRatio: 3,
child: CachedNetworkImage(
width: double.infinity,
fit: BoxFit.fill,
imageUrl: "http://via.placeholder.com/300x100",
placeholder: (context, url) => Center(child:new CircularProgressIndicator() ,),
errorWidget: (context, url, error) => new Icon(Icons.error),
),
),
),;
}
}