Flutter TextField/TextFormField does not update its value on setState()

Question

I have the following component on my flutter page.

TextFormField(
                    controller: surveyDateController, 
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      hintText: 'Survey Date',
                    ),
                  ),

And i have the following controller for the above control

  final surveyDateController = TextEditingController();

The data is coming from _data.leadSurvey[0].title which is loaded from an API. Once the data is loaded I am calling the setState method as follows:

setState(() {
        _data = data;
      });

But the data in the TextFormField is not getting updated. Tried using the initialValue property but it generates a null error.

Any help guys?

Moklesur Rahman · Accepted Answer · 2021-06-09 09:36:25Z

2

Set data to the controller in the setState()

  setState(() {
        _data = data;
        surveyDateController.text = _data.leadSurvey[0].title
      });

answered Jun 9, 2021 at 9:36

Moklesur Rahman

8119 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chris Pi · Accepted Answer · 2021-06-09 09:21:12Z

0

I am not completely sure where data should appear, but if you want it to appear in your TextFormField, I guess you have to call surveyDateController.value = data

answered Jun 9, 2021 at 9:21

Chris Pi

6522 gold badges7 silver badges26 bronze badges

5 Comments

iShah Over a year ago

Since there are around 20 TextFormFields in my page, is it recommended to set the value for every TextFormField using the controller? <controllername>.value=<value>

iShah Over a year ago

When I try to do that I am getting an error as following: A value of type String can not be assigned to a variable of TextEditingValue

Chris Pi Over a year ago

@iShah I am not completely sure what your goal is. Normally a TextFormField is for inputting Text and not displaying it. Also, do you have just one TextEditingController for all of your Fields?

Chris Pi Over a year ago

@iShah Oh, yeah, its like @Jhoan said surveyDateController.text. I had the native Android in my head.

iShah Over a year ago

What i am trying to do is to retrieve the data from the server (using API) and allowing the user to edit it and send it back to the server.

Dharman · Accepted Answer · 2021-06-09 09:32:06Z

0

after you get the data String from the server

then set your editing controller (surverDateController)

surveyDateController.text = _data.leadSurvey[0].title

edited Jun 9, 2021 at 9:32

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Jun 9, 2021 at 9:26

Jhoan River

865 bronze badges

1 Comment

iShah Over a year ago

It works fine.. the only issue here is I have to keep doing this manually everytime the data is changed..

Abbasihsn · Accepted Answer · 2021-06-09 09:37:25Z

0

let's say you have $your_text_controller$ and have assigned it to your text field as follow:

TextFormField(
                    controller: surveyDateController, 
                    decoration: InputDecoration(
                      border: OutlineInputBorder(),
                      hintText: 'Survey Date',
                    ),
                  ),

now, you can set the text of this text field by calling this function everywhere you want:

void setText(){

    setState((){
        surveyDateController.text = "Your Text"; // Ex. _data.leadSurvey[0].title
    });
}

answered Jun 9, 2021 at 9:37

Abbasihsn

2,1811 gold badge10 silver badges17 bronze badges

Comments

Etornam · Accepted Answer · 2021-06-09 09:46:39Z

0

To give the TextFormField a default value:

final surveyDateController = TextEditingController(text: 'initial data here');

To re-assign the TextFormField a value:

surveyDateController.text = _data;

answered Jun 9, 2021 at 9:46

Etornam

5231 gold badge3 silver badges10 bronze badges

Collectives™ on Stack Overflow

Flutter TextField/TextFormField does not update its value on setState()

5 Answers 5

Comments

5 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

5 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related