gpt4 book ai didi

function - 使用功能在 flutter 中添加多个图像?

转载 作者:IT王子 更新时间:2023-10-29 06:56:21 25 4
gpt4 key购买 nike

我没有遇到任何问题,但我有一个问题,因为我必须在我的应用程序中添加多张图片。假设将来这些图像的数量会变得很大,所以我只想知道我们如何在 flutter 中使用函数。

这就是我现在添加图像的方式:


Container(color: Colors.redAccent, height: 2),
SizedBox(height: 8),
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Expanded(
child: Image.asset(
'assets/cat.jpg',
width: 110.0,
height: 100.0,
fit: BoxFit.fill,
),
),
Spacer(flex:1),
Expanded(
child: Image.asset(
'assets/cat.jpg',
width: 110.0,
height: 100.0,
fit: BoxFit.cover,
),
),
],
),

预期:

enter image description here

我的输出:

enter image description here

最佳答案

enter image description here

由于您在代码中使用了 Assets 图像,所以我也发布了 Assets 代码,您可以相应地更改逻辑。这是示例代码。

int _count = 0;
List<String> _listImages = [
"assets/images/chocolate_pic.png",
"assets/images/profile.png",
"assets/images/loading.gif",
];

@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButton: FloatingActionButton(onPressed: _addImages, child: Icon(Icons.add),),
body: Padding(
padding: const EdgeInsets.all(8.0),
child: GridView.builder(
itemCount: _listImages.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2, mainAxisSpacing: 20, crossAxisSpacing: 20),
itemBuilder: (_, index) {
return Image.asset(_listImages[index], fit: BoxFit.cover, width: 100, height: 100);
},
),
),
);
}

void _addImages() {
setState(() {
_listImages.add(_listImages[_count % 3]);
++_count;
});
}

关于function - 使用功能在 flutter 中添加多个图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56855243/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com