资产不加载但是当我热重载时
Assets do not load but when I hot reload
我是 Flutter 新手。我从后端获取图像并使用 Hero 和 FadeInImage 在屏幕上显示这些图像。
我在图像中添加了超链接并在点击 API.
后生成了图像列表
child: Hero(
tag: tag,
child: FadeInImage(
width: 130.0,
height: 186.0,
placeholder: AssetImage('assets/images/splash1.png'),
fit: BoxFit.cover,
// onTap: _launchUrl(),
image: NetworkImage(
(merchant.logo)),
// fit: BoxFit.cover,
),
),
),
),
当我 运行 我的应用程序时,图像未加载;屏幕是空的。但是当我热重载时它显示。
...List.generate(
merchantsList.length,
(index) {
print(merchantsList.length);
print(index);
return MerchantCard(merchant: merchantsList[index]);
您可以使用占位符图像,也可以添加 Future Builder 概念,请检查 Future 概念。
@override
Widget build(BuildContext context) {
return new FutureBuilder(
future: _loadImage(),
builder: (BuildContext context, AsyncSnapshot<Image> image) {
if (image.hasData) {
return image.data; // image is ready
} else {
return new Container(); // placeholder
}
},
);
}
问题实际上是在列表中填充值之前构建了小部件。我在我的 listPopulated 函数上使用了 setState,它工作得很好。
我是 Flutter 新手。我从后端获取图像并使用 Hero 和 FadeInImage 在屏幕上显示这些图像。 我在图像中添加了超链接并在点击 API.
后生成了图像列表child: Hero(
tag: tag,
child: FadeInImage(
width: 130.0,
height: 186.0,
placeholder: AssetImage('assets/images/splash1.png'),
fit: BoxFit.cover,
// onTap: _launchUrl(),
image: NetworkImage(
(merchant.logo)),
// fit: BoxFit.cover,
),
),
),
),
当我 运行 我的应用程序时,图像未加载;屏幕是空的。但是当我热重载时它显示。
...List.generate(
merchantsList.length,
(index) {
print(merchantsList.length);
print(index);
return MerchantCard(merchant: merchantsList[index]);
您可以使用占位符图像,也可以添加 Future Builder 概念,请检查 Future 概念。
@override
Widget build(BuildContext context) {
return new FutureBuilder(
future: _loadImage(),
builder: (BuildContext context, AsyncSnapshot<Image> image) {
if (image.hasData) {
return image.data; // image is ready
} else {
return new Container(); // placeholder
}
},
);
}
问题实际上是在列表中填充值之前构建了小部件。我在我的 listPopulated 函数上使用了 setState,它工作得很好。