Flutter提供了多种加载指示器样式供选择。你可以使用CircularProgressIndicator
以外的其他加载指示器样式来替换原有的加载指示器。
以下是一些常见的加载指示器样式,你可以根据自己的需要选择其中之一:
一、LinearProgressIndicator
:线性进度指示器,呈现为水平进度条。
LinearProgressIndicator(
// 设置颜色和高度等属性
)
二、RefreshProgressIndicator
:刷新指示器,用于表示正在进行刷新操作。
RefreshProgressIndicator(
// 设置颜色等属性
)
三、CupertinoActivityIndicator
:Cupertino(iOS风格)的活动指示器。
CupertinoActivityIndicator(
// 设置颜色等属性
)
四、CircularProgressIndicator
:圆形进度指示器,在中心旋转显示进度。
CircularProgressIndicator(
// 设置颜色等属性
)
在FutureBuilder
的builder
回调函数中选择一个适合的加载指示器,并按照相应的方式进行设置。
例如,如果要使用LinearProgressIndicator
:
Center(
child: FutureBuilder<String>(
future: getCode(),
builder: (BuildContext context, AsyncSnapshot<String> snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return LinearProgressIndicator(
// 设置颜色、高度等属性
);
} else if (snapshot.hasError) {
return Text('Error: ${snapshot.error}');
} else {
Uint8List bytes = base64Decode(snapshot.data!);
return Container(
width: 100,
height: 55,
child: Image.memory(bytes),
);
}
},
),
)
根据你的喜好和UI设计,选择适合的加载指示器来替换原有的加载指示器即可。记得根据需要调整加载指示器的颜色、高度等属性以满足你的要求。