How do I supply an initial value to a text field

Question

I d like to supply an initial value to a text field and redraw it with an empty value to clear the text  What s the best approach to do that with Flutter s APIs

User · Answer

inside class     final usernameController   TextEditingController text   bhanuka      TextField      child  new TextField          controller  usernameController

User · Answer

This can be achieved using TextEditingController   To have an initial value you can add  TextEditingController  controller   TextEditingController text   initial value      or  If you are using TextFormField you have a initialValue property there  Which basically provides this initialValue to the controller automatically   TextEditingController  controller   TextEditingController    TextFormField    controller   controller    initialValue   initial value      To clear the text you can use   controller clear   method

User · Answer

I ve seen many ways of doing this on here  However I think this is a little more efficient or at least concise than the other answers   TextField     controller  TextEditingController text   Initial Text here

User · Answer

You can use a TextFormField instead of TextField  and use the initialValue property  for example  TextFormField initialValue   I am smart

User · Answer

From the mailing list  I didn t come up with this answer    class  FooState extends State lt Foo gt      TextEditingController  controller      override   void initState         super initState         controller   new TextEditingController text   Initial value            override   Widget build BuildContext context        return new Column        children   lt Widget gt           new TextField               The TextField is first built  the controller has some initial text               which the TextField shows  As the user edits  the text property of              the controller is updated            controller   controller                     new RaisedButton            onPressed                      You can also use the controller to manipuate what is shown in the                text field  For example  the clear   method removes all the text                from the text field               controller clear                           child  new Text  CLEAR

User · Answer

If you want to handle multiple TextInputs as asked by  MRT in the comment to the accepted answer  you can create a function that takes an initial value and returns a TextEditingController like this    initialValue val      return TextEditingController text  val       Then  set this function as the controller for the TextInput and supply its initial value there like this   controller  initialValue  Some initial value here         You can repeat this for the other TextInputs

User · Answer

TextEdittingController  controller   new TextEdittingController text   your Text      or    override   void initState         super initState         Controller text    Your Text

User · Answer

class  YourClassState extends State lt YourClass gt      TextEditingController  controller   TextEditingController        override   void initState         super initState         controller text    Your message           override   Widget build BuildContext context        return Container        color  Colors white        child  TextFormField          controller   controller          decoration  InputDecoration labelText   Send message

User · Answer

You don t have to define a separate variable in the widget scope  just do it inline   TextField    controller  TextEditingController    text    Your initial value     onChanged   text    gt

User · Answer

If you are using TextEditingController then set the text to it  like below   TextEditingController  controller   new TextEditingController       controller text    your initial text    final your text name   TextFormField        autofocus  false        controller   controller        decoration  InputDecoration          hintText   Hint Value                        and if you are not using any TextEditingController then you can directly use initialValue like below   final last name   TextFormField        autofocus  false        initialValue   your initial text         decoration  InputDecoration          hintText   Last Name                        For more reference TextEditingController

[dart] How do I supply an initial value to a text field?

Examples related to dart

Examples related to flutter