如果圖片在使用過程中,不要求圖片的完整性,可以進行拉伸借宵,我們就會使用其屬性fit為BoxFit.fill,使用這個屬性后圖片就可以進行拉伸處理屿附。不過如果我們需求是寬占滿整個屏幕郎逃,高度為自定義的高度,則簡單的代碼就很難實現(xiàn)了挺份,如下:
Center(
child: Container(
child: Column(
children: <Widget>[
Image.network(
"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563774129262&di=a62f1daccb204945eafcfd5082b4ce98&imgtype=0&src=http%3A%2F%2Fimages.ali213.net%2Fpicfile%2Fpic%2F2012-11-27%2F927_one_piece18.jpg",
fit: BoxFit.fill,
height: 100,
),
Text("圖片"),
],
),
),
),
此時需要知道父級的寬度即可褒翰,此時便可以用LayoutBuilder進行包含:
LayoutBuilder(
builder: (context, constraints) {
return Center(
child: Container(
child: Column(
children: <Widget>[
Image.network(
"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1563774129262&di=a62f1daccb204945eafcfd5082b4ce98&imgtype=0&src=http%3A%2F%2Fimages.ali213.net%2Fpicfile%2Fpic%2F2012-11-27%2F927_one_piece18.jpg",
fit: BoxFit.fill,
height: 100,
width: constraints.maxWidth,
),
Text("圖片"),
],
),
),
);
},
),
builder: (context, constraints){}中,context是父級的上下文匀泊,constraints為BoxConstraints類型优训,maxWidth為父級寬度,maxHeight為父級高度各聘。