问题描述
我使用StreamProvider在我的应用程序中接收Firestore数据。我使用lazy_load_scrollview包在图像gridview中进行分页。在StreamProvider中，我必须传递上下文以侦听数据流。就像Provider.of （context）一样。所以我必须在构建中定义它。但是在_loadMore（）方法中，我在代码中定义了我需要图像（这是我收听Stream的地方）列表以更新数据列表以进行分页。分页效果很好，但是当我第一次启动该应用程序时，它仅显示加载指示器，不加载任何内容。当我向下滑动屏幕时，它开始加载并且分页工作正常。要在我第一次启动时加载网格项目，我需要在initState（）中调用_loadMore（）方法。我不能称呼它，因为它在内部。但是我无法在构建之外定义该方法，因为它需要定义Stream侦听器（即图像）。我无法从构建外部获取上下文来执行此操作。有什么方法可以使上下文超出构建范围？还是有更好的分页解决方案？如果您能建议我一个解决方案，我将不胜感激。这是我的代码，
class ImageGridView extends StatefulWidget {
@override
_ImageGridViewState createState() => _ImageGridViewState();
}
class _ImageGridViewState extends State<ImageGridView> {
List<GridImage> data = [];
int currentLength = 0;
final int increment = 10;
bool isLoading = false;
// I need to call _loadMore() method inside the initState
/*@override
void initState() {
_loadMore();
super.initState();
}*/
@override
Widget build(BuildContext context) {
// listening to firebase streams
final images = Provider.of<List<GridImage>>(context) ?? [];
Future _loadMore() async {
print('_loadMore called');
setState(() {
isLoading = true;
});
// Add in an artificial delay
await new Future.delayed(const Duration(seconds: 1));
for (var i = currentLength; i < currentLength + increment; i++) {
if (i >= images.length) {
setState(() {
isLoading = false;
});
print( i.toString());
} else {
data.add(images[i]);
}
}
setState(() {
print('future delayed called');
isLoading = false;
currentLength = data.length;
});
}
images.forEach((data) {
print('data' + data.location);
print(data.url);
//print('images length ' + images.length.toString());
});
try {
return LazyLoadScrollView(
isLoading: isLoading,onEndOfPage: () {
return _loadMore();
},child: GridView.builder(
itemCount: data.length + 1,gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,),itemBuilder: (context,index) {
if (index == data.length) {
return CupertinoActivityIndicator();
}
//passing images stream with the item index to ImageGridItem
return ImageGridItem(gridImage: data[index],);
},);
} catch (e) {
return Container(
child: Center(
child: Text('Please Upload Images'),)
);
}
}
}
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）