我有一個影像串列。
final List<ImageProvider>_imageProviders_pro = [
new Image.asset(
"assets/page1.png",
fit: BoxFit.fitWidth,
).image,
new Image.asset(
"assets/page2.png",
fit: BoxFit.fitWidth,
).image,
...
];
@override
Widget build(BuildContext context) {
return Scaffold(
body:
ImageViewPager(imageProviders: _imageProviders_pro)
)
}
class ImageViewPager extends StatefulWidget {
final List<ImageProvider> imageProviders;
/// Create new instance, using the [imageProviders] to populate the [PageView]
const ImageViewPager({ Key? key, required this.imageProviders }) : super(key: key);
@override
_ImageViewPagerState createState() => _ImageViewPagerState();
}
class _ImageViewPagerState extends State<ImageViewPager> {
@override
Widget build(BuildContext context) {
return PageView(
children: <Widget>[
PageView.builder(
physics: _pagingEnabled ? const PageScrollPhysics() : const NeverScrollableScrollPhysics(),
itemCount: widget.imageProviders.length,
controller: _pageController,
itemBuilder: (context, index) {
final image = widget.imageProviders[index];
return ImageView(
imageProvider: image,
onScaleChanged: (scale) {
setState(() {
_pagingEnabled = scale <= 1.0;
});
},
);
},
)
}
}
現在，我嘗試使用與 Image.network 相同的串列。但我有這個錯誤元素型別'Image'不能分配給串列型別'ImageProvider'。
所以我嘗試做類似的事情
final List<ImageProvider>_imageProviders_pro = [
Image.network('url_page1')
Image.network('url_page2')
];
uj5u.com熱心網友回復：
您可以使用.image從 Image.network.
Image.networ("url").image
final List<ImageProvider> _imageProviders_pro = [
Image.network('url_page1').image,
Image.network('url_page2').image
];
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/530604.html
標籤：扑镖