In TextField( ) why we use " onSubmitted : " syntax?

Question

Why do you use onSubmitted: option in TextField(), I wanted to make Textfield than the option onsubmited came and i didnt understand anything changes in the final result , can anyone plz explain it to me that why we use onSubmitted option?

this is my code:

TextField(
            style: TextStyle(
              color: Colors.lightBlueAccent,
            ),
            decoration: InputDecoration(
              labelText: "Password",
              labelStyle: TextStyle(
                color: Colors.grey,
              ),
              enabledBorder: OutlineInputBorder(
                borderSide: BorderSide(
                  color: Colors.grey.shade300,
                  width: 2,
                ),
                borderRadius: BorderRadius.circular(30),
              ),
              focusedBorder: OutlineInputBorder(
                borderSide: BorderSide(
                  color: Colors.blue,
                  width: 2,
                ),
                borderRadius: BorderRadius.circular(30),
              ),
              prefixIcon: Icon(
                Icons.lock_outline,
              ),
            ),
          ),

score 0 · Answer 1 · answered Oct 13 '21 at 12:51

0

onSubmitted uses for when you press enter key, which triggers the callBack function(like print or other function).

TextField(
              onSubmitted: (value){
                print(value);
              },
            ),

For more onSubmitted

answered Oct 13 '21 at 12:51

Jahidul Islam

11,435
3
17
38

Md. Yeasin Sheikh · Accepted Answer · 2021-10-13T13:00:36.737

onSubmitted property called when the user indicates that they are done editing the text in the field.

Simply when user press Enter on keyboard and while using TextField, it calls onSubmitted, it provides the value of that TextField. Suppose, we don't have any TextEditingController or using onChanged and we can use setState method to assign the value here. I only prefer it when I just concern about final value.

For More onSubmitted

score 0 · Answer 3 · answered Jan 08 '23 at 15:40

0

It is used to pull the focus manually to another widget at the time when the user is done using the TextField (when the user presses enter).

answered Jan 08 '23 at 15:40

Vinay Vashist

1
2

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jan 10 '23 at 11:26

In TextField( ) why we use " onSubmitted : " syntax?

3 Answers3