Flutter 图像BoxFit.cover未正确应用
我试图用以下代码将整个屏幕填充为4个大小相等的图像(2x2):Flutter 图像BoxFit.cover未正确应用,flutter,Flutter,我试图用以下代码将整个屏幕填充为4个大小相等的图像(2x2): import 'package:flutter/material.dart'; void main() => runApp(_MyApp()); class _MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold(
import 'package:flutter/material.dart';
void main() => runApp(_MyApp());
class _MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Column(
children: [
Expanded(
child: Row(
children: [
Expanded(
child: Image.network(
'https://static01.nyt.com/images/2020/06/30/business/30india-tech-1/30india-tech-1-articleLarge.jpg?quality=75&auto=webp&disable=upscale',
fit: BoxFit.cover,
),
),
Expanded(
child: Image.network(
'https://static01.nyt.com/images/2020/06/30/business/30india-tech-1/30india-tech-1-articleLarge.jpg?quality=75&auto=webp&disable=upscale',
fit: BoxFit.cover,
),
),
],
),
),
Expanded(
child: Row(
children: [
Expanded(
child: Image.network(
'https://static01.nyt.com/images/2020/06/30/business/30india-tech-1/30india-tech-1-articleLarge.jpg?quality=75&auto=webp&disable=upscale',
fit: BoxFit.cover,
),
),
Expanded(
child: Image.network(
'https://static01.nyt.com/images/2020/06/30/business/30india-tech-1/30india-tech-1-articleLarge.jpg?quality=75&auto=webp&disable=upscale',
fit: BoxFit.cover,
),
),
],
),
),
],
),
),
);
}
}
然而,结果是:
我想要的结果是:
如何修复代码来执行此操作?因此,每个图像的大小与其他图像相同,视图为2X2您可以使用
高度:double.infinity
应用每个图像,以使图像具有尽可能多的高度:
import 'package:flutter/material.dart';
void main() => runApp(_MyApp());
class _MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Column(
children: [
Expanded(
child: Row(
children: [
Expanded(
child: Image.network(
'https://static01.nyt.com/images/2020/06/30/business/30india-tech-1/30india-tech-1-articleLarge.jpg?quality=75&auto=webp&disable=upscale',
fit: BoxFit.cover,
height: double.infinity,
),
),
Expanded(
child: Image.network(
'https://static01.nyt.com/images/2020/06/30/business/30india-tech-1/30india-tech-1-articleLarge.jpg?quality=75&auto=webp&disable=upscale',
fit: BoxFit.cover,
height: double.infinity,
),
),
],
),
),
Expanded(
child: Row(
children: [
Expanded(
child: Image.network(
'https://static01.nyt.com/images/2020/06/30/business/30india-tech-1/30india-tech-1-articleLarge.jpg?quality=75&auto=webp&disable=upscale',
fit: BoxFit.cover,
height: double.infinity,
),
),
Expanded(
child: Image.network(
'https://static01.nyt.com/images/2020/06/30/business/30india-tech-1/30india-tech-1-articleLarge.jpg?quality=75&auto=webp&disable=upscale',
fit: BoxFit.cover,
height: double.infinity,
),
),
],
),
),
],
),
),
);
}
}
在fit属性中,使用:
fit:BoxFit.fitHeight,
另请参见文档中的: