Flutter 通过 API 上传数据答案

【问题标题】：Flutter Uploading Data through APIFlutter 通过 API 上传数据
【发布时间】：2021-10-19 01:06:53
【问题描述】：

我正在通过 API 上传数据，但在上传期间，我希望屏幕冻结，并且在存储之前的数据之前，用户无法点击同一个按钮。在 Flutter 中可以吗

【问题讨论】：

您可以使用 pub.dev/documentation/progress_dialog/latest 和 isDismissible: false 显示进度，直到过程完成，您需要使用 WillPopScope 处理后退按钮，直到过程完成，因为如果您在显示进度条时按下后退按钮，它会返回到上一个屏幕，但进度条将出现，因此您需要处理后退按钮，直到过程完成，例如初始化设置为 false 的 bool 变量，当过程完成时将 bool 设置为 true 并检查它是否为真，然后返回上一个屏幕
参考我的回答here 向 API 提交数据希望对您有所帮助

【解决方案1】：

Flutter 是声明式的，因为： UI = F（状态）。 UI 是状态的函数。

如果您想在 UI 中锁定某些内容，请设置一个状态变量来指示这一点，并让 UI 对此做出响应。

更具体地说，例如，在您的 API 调用开始时设置一个 isLoading 样式状态变量（通过有状态小部件 setState 或状态管理方法，例如提供程序），然后在 API 调用后将其设置回 false通话结束。在您的 UI 中，如果该状态变量 isLoading == true

【讨论】：