在加载GridView时,在Scaffold中显示CircularProgressIndicator可以通过以下步骤实现:
import 'package:flutter/material.dart';
bool isLoading = true;
body: isLoading
? Center(child: CircularProgressIndicator())
: GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
),
itemCount: data.length,
itemBuilder: (BuildContext context, int index) {
return GridTile(
child: Image.network(data[index]),
);
},
),
在这个例子中,假设你有一个名为data的列表,其中包含要在GridView中显示的图像URL。
// 模拟加载数据的过程
Future.delayed(Duration(seconds: 2), () {
setState(() {
isLoading = false;
});
});
在这个例子中,我们使用了一个延迟2秒的Future来模拟加载数据的过程。在实际应用中,你需要根据你的数据加载逻辑来设置isLoading的值。
这样,当GridView加载数据时,会显示一个CircularProgressIndicator,当数据加载完成后,会显示GridView中的内容。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云