如何在颤振中显示进度指示器?

丹妮丝

我正在尝试在登录时显示进度指示器。我创建了一个布尔值以在我想显示和隐藏指示器时进行切换,但是我无法确定应该在何处显示指示器。

我可以将它添加为我的 Container 中的小部件之一,我在其中显示所有其他屏幕小部件,但是我不希望它干扰其他小部件,而是显示在所有小部件之上。我怎样才能做到这一点?我怎样才能做到这一点?

提前致谢。

我的代码

import ....

class Login extends StatefulWidget{
...
}

class _LoginState extends State<Login> {

bool _loading = false;

  @override
  Widget build(BuildContext context){

    Future<Map<String, dynamic>> getData() async {
      var client = http.Client();

      //to SHOW Indicator
      setState(() {
        _loading = true;
      });

      var response = await client
          .post(
          Uri.encodeFull(
              ' api url '),
          body:
        {"email":"$username","password":"$password"}

      ).whenComplete(
          client.close);

      var res = json.decode(response.body);

      //to HIDE indicator
      setState(() {
        _loading = false;
      });

      if(response.statusCode <200 || response.statusCode > 400){
        print("Error");
         throwError();
      }
      if(response.statusCode == 200 ){
        widget.onSignedIn();
      }

      if (!mounted)
        return {'success': false};

      return json.decode(response.body);
    }


    Container view = Container(
      ....
    );

    return Scaffold(
        resizeToAvoidBottomPadding: false,
      body: view

    );
  }
}
雨果·帕索斯

正如CopsOnRoad提到的,Stack如果要放置多个Widget互不干扰的 s,则必须使用

此外,Dart 2.3 引入了集合 if有了它,您可以Collection仅在条件为true.

Stack(
  alignment: Alignment.center,
  children: [
    Container(child: ...),
    if (_loading) CircularProgressIndicator(),
  ],
)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何实现RESTful进度指示器?

来自分类Dev

如何在闪亮的应用程序中显示忙碌指示器?

来自分类Dev

显示不确定的进度指示器

来自分类Dev

如何在Windows Phone 7中更改进度指示器的颜色

来自分类Dev

如何在纸张输入中添加必需的指示器

来自分类Dev

在UIActivityItemProvider活动期间显示进度指示器

来自分类Dev

如何在UIAlertController的中心显示活动指示器?

来自分类Dev

如何使Workrave指示器在Ubuntu 17.10中显示?

来自分类Dev

如何在WebView Flutter中显示加载指示器?

来自分类Dev

如何在标签的右边对齐进度指示器并使标签在SwiftUI中的VStack中居中?

来自分类Dev

如何在按钮小部件中显示进度指示器(如图所示)

来自分类Dev

从API提取数据时如何显示进度指示器?

来自分类Dev

如何在颤振中显示2位整数

来自分类Dev

如果在viewmodel模式中显示进度指示器,可以吗?

来自分类Dev

如何使Workrave指示器在Ubuntu 17.10中显示?

来自分类Dev

iOS-如何显示此类子视图和进度指示器(图像已附加)

来自分类Dev

如何在屏幕内居中显示活动指示器?

来自分类Dev

如何在执行任务之前显示进度指示器?

来自分类Dev

如何在Windows Phone 7中更改进度指示器的颜色

来自分类Dev

如何在Windows Phone 8中为longlistselector的每个动态项目集成进度指示器?

来自分类Dev

如何在iOS7的表格视图单元格中显示活动指示器

来自分类Dev

如何在GNOME 3的顶部面板中重新显示指示器?

来自分类Dev

如何在MKMapView上显示默认位置指示器

来自分类Dev

如何在WPF中的图像透明区域中使用图像和进度指示器中的ProgressBar边框

来自分类Dev

加载时如何在tableViewCell中显示活动指示器?

来自分类Dev

C# - 在 PowerShell 模块中显示进度指示器或微调器

来自分类Dev

如何摆脱进度指示器?

来自分类Dev

如何在颤振中显示 3D 模型?

来自分类Dev

在 StreamBuilder 中加载数据时如何显示进度指示器?

Related 相关文章

  1. 1

    如何实现RESTful进度指示器?

  2. 2

    如何在闪亮的应用程序中显示忙碌指示器?

  3. 3

    显示不确定的进度指示器

  4. 4

    如何在Windows Phone 7中更改进度指示器的颜色

  5. 5

    如何在纸张输入中添加必需的指示器

  6. 6

    在UIActivityItemProvider活动期间显示进度指示器

  7. 7

    如何在UIAlertController的中心显示活动指示器?

  8. 8

    如何使Workrave指示器在Ubuntu 17.10中显示?

  9. 9

    如何在WebView Flutter中显示加载指示器?

  10. 10

    如何在标签的右边对齐进度指示器并使标签在SwiftUI中的VStack中居中?

  11. 11

    如何在按钮小部件中显示进度指示器(如图所示)

  12. 12

    从API提取数据时如何显示进度指示器?

  13. 13

    如何在颤振中显示2位整数

  14. 14

    如果在viewmodel模式中显示进度指示器,可以吗?

  15. 15

    如何使Workrave指示器在Ubuntu 17.10中显示?

  16. 16

    iOS-如何显示此类子视图和进度指示器(图像已附加)

  17. 17

    如何在屏幕内居中显示活动指示器?

  18. 18

    如何在执行任务之前显示进度指示器?

  19. 19

    如何在Windows Phone 7中更改进度指示器的颜色

  20. 20

    如何在Windows Phone 8中为longlistselector的每个动态项目集成进度指示器?

  21. 21

    如何在iOS7的表格视图单元格中显示活动指示器

  22. 22

    如何在GNOME 3的顶部面板中重新显示指示器?

  23. 23

    如何在MKMapView上显示默认位置指示器

  24. 24

    如何在WPF中的图像透明区域中使用图像和进度指示器中的ProgressBar边框

  25. 25

    加载时如何在tableViewCell中显示活动指示器?

  26. 26

    C# - 在 PowerShell 模块中显示进度指示器或微调器

  27. 27

    如何摆脱进度指示器?

  28. 28

    如何在颤振中显示 3D 模型?

  29. 29

    在 StreamBuilder 中加载数据时如何显示进度指示器?

热门标签

归档