android - 从有状态类外部的小部件方法更新当前页面

Question

我有一个在有状态类之外的方法来显示一个对话框我想在关闭对话框后刷新页面上的数据它怎么可能是一个？如果我再次按下屏幕，它会表现得很奇怪（它会打开主页然后转到当前页面，任何想法都可以帮助我解决我的问题。

    AlertWidget(BuildContext context, String Fname, String Lname, String key) {
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final TextEditingController _firstName = TextEditingController(text: Fname);
  final TextEditingController _lastName = TextEditingController(text: Lname);
  showDialog(
    context: context,
    builder: (context) {
      var _height = MediaQuery.of(context).size.height;
      var _width = MediaQuery.of(context).size.width;
      return Center(
        child: Material(
            type: MaterialType.transparency,
            child: Padding(
              padding: const EdgeInsets.only(left: 15, right: 15),
              child: Container(
                color: Colors.white,
                padding: EdgeInsets.all(15),
                height: _height - _height * 11.5 / 16,
                child: Form(
                  key: _formKey,
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: [
                      Align(
                          alignment: (translator.currentLanguage == "en")
                              ? Alignment.topLeft
                              : Alignment.topRight,
                          child: Text(
                            translator.translate('Name'),
                            style: TextStyle(
                                color: ProjectTheme.projectPrimaryColor,
                                fontSize: 25),
                          )),
                      SizedBox(
                        height: displayHeight(context) * 0.02,
                      ),
                      Row(
                        children: [
                          Text("${translator.translate('FirstName')}:",
                              style: TextStyle(fontSize: 18)),
                          SizedBox(
                            height: _height * .8 / 16,
                            width: _width * 1.5 / 16,
                          ),
                          Container(
                            height: _height * .5 / 16,
                            width: _width * 5.5 / 16,
                            child: Container(
                              child: Padding(
                                padding: const EdgeInsets.only(
                                    left: 10, right: 10, top: 10),
                                child: TextFormField(
                                  controller: _firstName,
                                  validator: (value) {
                                    if (value.trim().isEmpty)
                                      return 'This field is required.';
                                    return null;
                                  },
                                  decoration: InputDecoration(
                                    border: InputBorder.none,
                                  ),
                                ),
                              ),
                              decoration: BoxDecoration(
                                boxShadow: [
                                  BoxShadow(
                                    color: Colors.grey.withOpacity(0.4),
                                    spreadRadius: 2,
                                    blurRadius: 5,
                                    offset: Offset(0, 1),
                                  ),
                                ],
                                color: Colors.white,
                              ),
                            ),
                          ),
                        ],
                      ),
                      Row(
                        children: [
                          Text("${translator.translate('LastName')}:",
                              style: TextStyle(fontSize: 18)),
                          SizedBox(
                            height: _height * 1 / 16,
                            width: _width * 1.5 / 16,
                          ),
                          Container(
                            height: _height * .5 / 16,
                            width: _width * 5.5 / 16,
                            child: Container(
                              child: Padding(
                                padding: const EdgeInsets.only(
                                    left: 10, right: 10, top: 10),
                                child: TextFormField(
                                  controller: _lastName,
                                  validator: (value) {
                                    if (value.trim().isEmpty)
                                      return 'This field is required.';
                                    return null;
                                  },
                                  decoration: InputDecoration(
                                    border: InputBorder.none,
                                  ),
                                ),
                              ),
                              decoration: BoxDecoration(
                                boxShadow: [
                                  BoxShadow(
                                    color: Colors.grey.withOpacity(0.4),
                                    spreadRadius: 2,
                                    blurRadius: 5,
                                    offset: Offset(0, 1),
                                  ),
                                ],
                                color: Colors.white,
                              ),
                            ),
                          ),
                        ],
                      ),
                      SizedBox(height: _height * .3 / 16),
                      Align(
                        alignment: Alignment.bottomRight,
                        child: Container(
                          height: 35,
                          width: 100,
                          decoration: BoxDecoration(
                            color: ProjectTheme.projectPrimaryColor,
                            borderRadius:
                                BorderRadius.all(Radius.circular(20.0)),
                            boxShadow: [
                              BoxShadow(
                                color: Colors.grey.withOpacity(0.5),
                                spreadRadius: 2,
                                blurRadius: 10,
                                offset: Offset(0, 3),
                              ),
                            ],
                          ),
                          child: Center(
                            child: TextButton(
                              onPressed: () async {
                                bool isChanged = !(_firstName.text == Fname &&
                                    _lastName == Lname);
                                if (_formKey.currentState.validate()) {
                                  final FirebaseAuth _firebaseAuth =
                                      FirebaseAuth.instance;
                                  await FirebaseFirestore.instance
                                      .collection('users')
                                      .doc(_firebaseAuth.currentUser.uid)
                                      .update((key == 'name')
                                          ? {
                                              'firstName':
                                                  _firstName.text.trim(),
                                              'lastName': _lastName.text.trim(),
                                              'fullName':
                                                  _firstName.text.trim() +
                                                      ' ' +
                                                      _lastName.text.trim(),
                                              'userName':
                                                  _firstName.text.trim() +
                                                      ' ' +
                                                      _lastName.text.trim(),
                                            }
                                          : {
                                              key: _firstName.text.trim() +
                                                  ' ' +
                                                  _lastName.text.trim()
                                            });

                                  FirebaseFirestore.instance
                                      .collection('users')
                                      .doc(_firebaseAuth.currentUser.uid)
                                      .get()
                                      .then((value) {
                                    UserData newUser = UserData(
                                      .......
                                    );
                                    Provider.of<AppData>(context, listen: false)
                                        .updateUser(newUser);
                                    // Navigator.of(context).pushReplacement(
                                    //     MaterialPageRoute(
                                    //         builder: (ctx) => profileScreen()));
                                  });
                                  
                                }
                              },
                              child: Text(
                                translator.translate('Save'),
                                style: TextStyle(
                                    fontSize: 16, color: Colors.white),
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            )),
      );
    },
  );
}

抱歉，代码太长了，如果您需要更多信息，请告诉我。

谢谢。

标签： androidflutterdartflutter-layout

Answer 1

该showDialog函数返回一个未来，可用于查看对话框何时关闭。将此未来返回到页面和await它或调用then它以知道它何时完成。

import 'package:flutter/material.dart';

Future<void> AlertWidget(
  BuildContext context,
  String Fname,
  String Lname,
  String key,
) {
  final GlobalKey<FormState> _formKey = GlobalKey<FormState>();
  final TextEditingController _firstName = TextEditingController(text: Fname);
  final TextEditingController _lastName = TextEditingController(text: Lname);
  return showDialog(
      context: context,
      builder: (context) {
        /*...*/
      });
}

class MyPage extends StatefulWidget {
  @override
  _MyPageState createState() => _MyPageState();
}

class _MyPageState extends State<MyPage> {

  // this function opens the alert dialog & calls setState when the dialog is closed
  void showDialogOnTap() {
    // show dialog
    AlertWidget(context, 'Fname', 'Lname', 'Pkey')
        .then((_) { // then on closed
      setState(() {}); // set page state
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Container(),
      floatingActionButton: FloatingActionButton(
        onPressed: showDialogOnTap,
      ),
    );
  }
}