草庐IT

flutter : Show an Alert Dialog after an async Api call

coder 2023-07-22 原文

这是获取登录响应的代码。如果出现错误，我想显示一个警告对话框，说明登录期间出现错误。

Future<String> login(String username, String password) async {
    Map<String, dynamic> params = {
       'username': username,
       'password': password,
    };

    final response = await http.post('apiurl', body: params);

    if (response.statusCode != 200)
       throw Exception(response.body);

    return response.body;
}

我正在添加调用 login 的代码。 _loginController 中有一个 TODO，我想在其中显示一个显示错误的警报对话框。

class LoginWidgetState extends State<LoginWidget> {
  var _usernameController = new TextEditingController();

  var _passwordController = new TextEditingController();

  void _loginButtonClickHandler() {
    var username = _usernameController.text;
    var password = _passwordController.text;

    login(username, password).then((response) {

    }).catchError((e) {
      //TODO : show an Alert Here
    });
  }

  @override
  Widget build(BuildContext context) {
    var container = Center(
      child: Container(
    child: Column(
      children: <Widget>[
        TextField(
          decoration: InputDecoration(
            hintText: "username",
          ),
          controller: _usernameController,
        ),
        TextField(
          obscureText: true,
          decoration: InputDecoration(hintText: "password"),
          controller: _passwordController,
        ),
        RawMaterialButton(
          onPressed: _loginButtonClickHandler,
          child: Text("Login"),
        )
       ],
     ),
    ),
   );

   return container;
  }

}

最佳答案

为接受的答案提供更多背景...

如果您进行远程 API 调用，如 this :

login(username, password).then((response) {

}).catchError((e) {
  //TODO : show an Alert Here
});

然后您可以用这个替换 TODO(如果您通过单击按钮调用它):

_showAlertDialog(context);

或者这个(如果你从 build() 方法或 initState() 中调用它:

WidgetsBinding.instance.addPostFrameCallback((_) => _showAlertDialog(context));

其中方法定义为

void _showNewVersionAvailableDialog(BuildContext context) {
  final alert = AlertDialog(
    title: Text("Error"),
    content: Text("There was an error during login."),
    actions: [FlatButton(child: Text("OK"), onPressed: () {})],
  );

  showDialog(
    context: context,
    builder: (BuildContext context) {
      return alert;
    },
  );
}

注意事项

  • 您需要引用 BuildContext。
  • 有关 addPostFrameCallback 的更多信息，请阅读 this article .

关于 flutter : Show an Alert Dialog after an async Api call，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51842018/

flutterDialogcodesectionpasswordflutter-layout

有关flutter : Show an Alert Dialog after an async Api call的更多相关文章

  1. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息？ 最佳答案 在Rails3中，update_all不返回任何有意义的信息，除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  2. ruby-on-rails - ActiveRecord destroy_all - 2

    在Rails4.1中，ActiveRecorddestroy_all是否将整个函数包装在一个事务中？例如，如果我有一堆记录，我对其执行了destroy_all操作，它们对这些单独的对象运行了一些回调，其中一个失败了，整个操作会在那个时候回滚吗？ 最佳答案 看起来不像:#Fileactiverecord/lib/active_record/relation.rb,line386defdestroy_all(conditions=nil)ifconditionswhere(conditions).destroy_allelseto_a.

  3. ruby - caches_page :all - 2

    有什么方法可以告诉Rails3在给定的Controller中缓存所有页面，而不必在调用caches_page时列出所有页面？我尝试了caches_page:all，但它不起作用。 最佳答案 有点像实现的错误，但我刚刚尝试过它并且它适用于Rails3.0.6:caches_page:except=>[] 关于ruby-caches_page:all，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/que

  4. ruby-on-rails - find_all 数组中符合条件的元素？ - 2

    我有一个哈希条目数组，并希望根据传递给函数的参数进行过滤。如果散列中有三个值，A、B和C，我想做类似的事情:data=[{A:'a1',B:'b1',C:'c1'},{A:'a1',B:'b2',C:'c1'},{A:'a1',B:'b2',C:'c2'},{A:'a2',B:'b1',C:'c1'},{A:'a2',B:'b2',C:'c1'}]data.find_all{|d|d[:A].include?params[:A]}.find_all{|d|d[:B].include?params[:B]}.find_all{|d|d[:C].include?params[:C]}找到所

  5. ruby-on-rails - 在具有 enum_attr 的记录上调用 .all 时参数数量错误 - 2

    MODEL1有一个account_type，所以使用gem'enumerated_attributes'，我制作了这样的模型:classMODEL1我不明白的奇怪的事情是，当我像这样查询任意MODEL1的种子时(这是我在ruby​​mine控制台中运行follwing命令时的错误，但在rakedb期间会发生同样的2for1错误:种子):MODEL1.all.sample和MODEL1.all我明白了:DealerLoad(0.3ms)SELECT"MODEL1".*FROM"MODEL1S"ArgumentError:wrongnumberofarguments(2for1)from/

  6. c - Ruby c 扩展 : How can I catch all exceptions, 包括不是 StandardErrors 的东西？ - 2

    在ruby中，begin#...rescue#...end不会捕获不是StandardError子类的异常。在C中，rb_rescue(x,Qnil,y,Qnil);VALUEx(void){/*...*/returnQnil;}VALUEy(void){/*...*/returnQnil;}会做同样的事情。我如何从ruby​​C扩展中rescueException=>e(而不仅仅是rescue=>e)？ 最佳答案 Ruby需要更多文档。我不得不进入ruby​​源代码，这是我发现的:VALUErb_rescue(VALUE(*b_p

  7. ruby-on-rails - 我可以在 :all with capybara? 之前使用吗 - 2

    我有一个这样的描述block:describe"Documents"dosubject{page}let(:course){FactoryGirl.create(:course)}describe"new"dobeforedovisitnew_course_document_path(course)fill_in"Name",with:"TestDocument"attach_file"Originaldocument","#{Rails.root}/spec/fixtures/03_GUI_concurrency.pdf"endit{shouldhave_selector('titl

  8. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  9. ruby-on-rails - 有可能 CanCan can :manage, :all except one or more method? - 2

    我在做:can:manage,:allifuser.role=='admin'can:approve,Anunciodo|anuncio|anuncio.try(:aprovado)==falseend我的第二种方法不起作用，因为:manage:all覆盖了它。有一种方法可以声明可以管理除批准之外的所有内容吗？在里面批准我只是做can:approve,Anunciodo|anuncio|user.role=='admin'&&anuncio.try(:aprovado)==falseend什么是更好的解决方案？ 最佳答案 尝试换一种

  10. ruby - 欧拉计划 1 :Find the sum of all the multiples of 3 or 5 below 1000 - 2

    我正在尝试使用ProjectEuler中的Ruby解决数学问题。Here是我尝试的第一个:Ifwelistallthenaturalnumbersbelow10thataremultiplesof3or5,weget3,5,6and9.Thesumofthesemultiplesis23.Findthesumofallthemultiplesof3or5below1000.请帮助我改进我的代码。total=0(0...1000).eachdo|i|total+=iif(i%3==0||i%5==0)endputstotal 最佳答案

随机推荐