为什么旋转木马加载图像很慢?

Question

我正在学习扑动，我试图在我的应用程序中添加旋转木马。我使用carousel_pro: ^1.0.0将carousel添加到我的项目中。但是图像变化缓慢，我可以看到白色屏幕1-2秒而不是图像。我有一个带有图像的列表，我将这些图像设置为我的旋转木马项目。我的旋转木马资源等于设备资源。

我该如何修复它?

我的carousel代码:

import 'package:flutter/material.dart';
import 'package:mink_app/themes/colors.dart';
import 'package:carousel_pro/carousel_pro.dart';
class CarouselWidget extends StatelessWidget {
const CarouselWidget({super.key, required this.gender});
final int gender;
@override
Widget build(BuildContext context) {
List<AssetImage> images;
if (gender == 0) {
images = [
AssetImage("assets/man_promo1.jpg"),
AssetImage("assets/man_promo2.jpg"),
AssetImage("assets/man_promo3.jpg")
];
} else {
images = [
AssetImage("assets/promo1.jpg"),
AssetImage("assets/promo2.jpg"),
];
}
return Carousel(
images: images, 
animationCurve: Curves.fastOutSlowIn,
animationDuration: Duration(
milliseconds: 800,
),
dotBgColor: Colors.transparent,
dotIncreasedColor: GREEN_COLOR,
dotColor: Colors.white,
dotSize: 5,
dotVerticalPadding: 50,
);
}
}

前两秒得到的结果

Answer 1

这很正常因为它还在缓存图像，你最好使用cached_network_image包来缓存图像当图像处于加载状态时它会显示不同的widget