Question

在Flutter应用中，我正在将数据从移动设备发送到服务器。该部分如下所示。

register.dart

void _createUser()
  {
    DataFetch().createUser(AppNavigation.getAPIUrl() +
          "user/saveUser", user).then((String result){
            print("RESULT IS: "+result);
          });
  }

data_fetch.dart

Future<String> createUser(String url, User body) async {
    print("BODY: " + body.toJson().toString());

    return http.post(url, body: convert.json.encode(body.toJson()), headers: {
      "Accept": "application/json",
      "content-type": "application/json"
    }).then((http.Response response) {
      final int statusCode = response.statusCode;

      print("RESPONSE: " + response.body);
      print("STATUS CODE: " + statusCode.toString());

      if (statusCode < 200 || statusCode > 400 || response.body == null) {
        throw new Exception("Error while fetching data");
      } else {
        return response.body;
      }
    });
  }

我的UI位于 register.dart 中，而 data_fetch.dart 是一个单独的类，具有用于支持各种数据传递工作的方法。

在数据保存完成之前，我需要显示snackbar。我知道我可以使用FutureBuilder并没有将它附加为返回某些UI的小部件的用法，因为保存数据后我没有要显示的UI。我正在尝试将数据发送到服务器，我只需要指出这一点即可。

我该怎么做？无论如何，Future中似乎没有这样的设施。

Answer 1

像这样为您的脚手架创建密钥：

var _key = new GlobalKey<ScaffoldState>();

然后将其与您的脚手架相连：

Scaffold(
    key: _key,
    body: your_ui_here,
)

将此密钥传递给您的未来

void _createUser(var key)
  {
    DataFetch().createUser(AppNavigation.getAPIUrl() +
          "user/saveUser", user).then((String result){
            key.currentState.showSnackbar(
          Snackbar(content:Text("hello"))
      );
          });
  }

您可以将此密钥传递到任何地方，只要不丢弃随附的脚手架，它就可以工作。

Flutter-如何在“未来”中显示“小吃店”

1 个答案: