Disable a text edit field in flutter Disable a text edit field in flutter dart dart

Disable a text edit field in flutter


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.


TextField and TextFormField both have an argument called enabled. You can control it using a boolean variable. enabled=true means it will act as an editing text field whereas enabled=false will disable the TextField.