Flutter中的加载指示器

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设计，选择适合的加载指示器来替换原有的加载指示器即可。记得根据需要调整加载指示器的颜色、高度等属性以满足你的要求。