Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Disable a text edit field in flutter

I need to disable TextFormField occasionally. I couldn't find a flag in the widget, or the controller to simply make it read-only or disable. What is the best way to do it?

like image 338
Arash Avatar asked Jun 12 '17 02:06

Arash


People also ask

Can you disable editing of a TextField?

editing is a readonly property. You can't set it. If it's a UITextView, it has an editable property which you can set to false.

How do I make TextField read only in Flutter?

To make TextField() read only:Use readOnly property of TextField( ) to make TextField read only or not.

How do you turn off focus on TextField in Flutter?

Create AlwaysDisabledFocusNode and pass it to the focusNode property of a TextField . new TextField( enableInteractiveSelection: false, // will disable paste operation focusNode: new AlwaysDisabledFocusNode(), ... ... )


2 Answers

There is another way this can be achieved which also does not cause this issue. Hope this might help someone.

Create AlwaysDisabledFocusNode and pass it to the focusNode property of a TextField.

class AlwaysDisabledFocusNode extends FocusNode {   @override   bool get hasFocus => false; } 

then

new TextField(     enableInteractiveSelection: false, // will disable paste operation     focusNode: new AlwaysDisabledFocusNode(),     ...     ... ) 

Update: TextField now has enabled property. Where you can just disable the TextField like

new TextField(     enabled: false,      ...     ... ) 

Note: This will also disable icon associated with text input.

like image 150
Hemanth Raj Avatar answered Sep 22 '22 18:09

Hemanth Raj


TextFormField( readOnly: true, ) 
like image 21
Peter Adepojú Avatar answered Sep 22 '22 18:09

Peter Adepojú