有什么方法可以添加 CircularProgressIndicator 以获取响应表单 dio 请求

Question

这是授权文件：

    Future attempt(String token) async {
        try {
          Dio.Response response = await dio().get(
            '/user',
            options: Dio.Options(
                headers: {'Authorization': 'Bearer $token'},
                followRedirects: false,
                validateStatus: (status) {
                  return status! < 500;
                }),
          );
    'get user info '
          _user = User.fromJson(json.decode(response.toString()));
          _authenticated = true;
          // return response;
        } catch (e) {
          _authenticated = false;
        }
        notifyListeners();
      }

在这个 main.dart 文件中，我想使用一个 CircularProgressIndicator 小部件

    @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text(widget.title),
          ),
          drawer: NavDrawer(),
          body: Center(child: Consumer<Auth>(
            builder: (context, auth, child) {
              if (auth.authenticated) {
                return Text('You are logged in!');
              } else  {
                return Text('You are not logged in!');
              }
               }
            },
          )),
        );
      }
    }

Answer 1

您可以使用变量来检查加载是否结束 首先设置 loading = true 然后在 dio set loading = false 之后 当 loading = true 时，显示一个 CircularProgressIndicator，当加载 false 时显示你想要的任何东西

Answer 2

您可以使用FutureBuilder 小部件来调用您的异步函数，并在此期间显示CircularProgressIndicator

FutureBuilder<bool>(
    future: myFuture,
    builder: (BuildContext context, AsyncSnapshot<bool> snapshot) {
         if (snapshot.data) {
            // Your stuff if you're logged
         } else {
               return CircularProgressIndicator(),
         }
   }
)