Flutter - 如何在表单保存/提交后清除 TextFormField

Question

With a Flutter form that uses TextFormField, how do I clear the text field after the form have been saved/submitted?

Do I have to use a Text controller?

Answer 1

First define controller :

TextEditingController controller = TextEditingController();

then use it like this:

TextFormField(
   controller: controller,
   onFieldSubmitted: (value) {
     controller.clear();
   },
),

here in onFieldSubmitted you can get the value and save it in somewhere else and then clear the controller and by that TextFormField will get clear.

Answer 2

If you are using a Form widget, add a Key to it, and after submitting the form you can do: _formKey.currentState?.reset(); This will reset the status of the TextFormFields that are contained in your Form.

Answer 3

Create a TextEditingcontroller

 final myController = TextEditingController();

dispose of it after use

  @override
  void dispose() {
    // Clean up the controller when the widget is removed from the widget tree.
    myController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return TextFormField(
      controller: myController,
      onFieldSubmitted: (value) {
        //do smth with value
        // if you want to clear form field 
        myController.clear();
      },
    );
  }

Answer 4

you can clear a TextFormField after form save/submit by calling the clear method on the TextEditingController associated with the TextFormField .

class _MyFormState extends State<MyForm> {
  final _emailController = TextEditingController();
  final _passwordController = TextEditingController();
  final form = Form.of(context);

  @override
  Widget build(BuildContext context) {
    return Form(
      child: Column(
        children: <Widget>[
          TextFormField(
            controller: _emailController,
            decoration: InputDecoration(labelText: 'Email'),
          ),
          TextFormField(
            controller: _passwordController,
            decoration: InputDecoration(labelText: 'Password'),
            obscureText: true,
          ),
          FlatButton(
            onPressed: () {
                if(form !=null && form.validate()){
                // Perform form save/submit logic here
                 _emailController.clear();
                 _passwordController.clear();
               }
            },
            child: Text('Save'),
          ),
        ],
      ),
    );
  }
}