我偶尔需要禁用 TextFormField。我在小部件中找不到标志，或者在控制器中找不到简单地使其只读或禁用的标志。 最好的方法是什么？
【问题讨论】：
标签： flutter dart textfield disable
还有另一种方法可以实现，它也不会导致this issue。希望这可能对某人有所帮助。
创建AlwaysDisabledFocusNode 并将其传递给TextField 的focusNode 属性。
class AlwaysDisabledFocusNode extends FocusNode {
@override
bool get hasFocus => false;
}
然后
new TextField(
enableInteractiveSelection: false, // will disable paste operation
focusNode: new AlwaysDisabledFocusNode(),
...
...
)
更新：
TextField 现在有 enabled 属性。您可以在其中禁用 TextField 之类的
new TextField(
enabled: false,
...
...
)
注意：这也会禁用与文本输入相关的图标。
【讨论】：
enableInteractiveSelection: false 粘贴 TextField ;)
AlwaysDisabledFocusNode？
TextFormField(
readOnly: true,
)
【讨论】：
TextField 和 TextFormField 都有一个名为 enabled 的参数。您可以使用布尔变量来控制它。 enabled=true 表示它将充当编辑文本字段，而 enabled=false 将禁用 TextField。
【讨论】：
enabled=false 阻止错误消息出现的问题
类似于 html 中的 readonly
TextField(
enableInteractiveSelection: false,
focusNode: FocusNode(),
)
这可以响应onTap。
类似于 html 中的禁用
TextField(
enable: false
)
这无法响应 onTap。
【讨论】：
这不是框架当前提供的功能，但您可以使用FocusScope 来防止TextFormField 请求焦点。
这是禁用时的样子。
这是启用后的样子。
代码如下：
import 'package:flutter/material.dart';
void main() {
runApp(new MaterialApp(
home: new HomePage(),
));
}
class HomePage extends StatefulWidget {
HomePageState createState() => new HomePageState();
}
class HomePageState extends State<HomePage> {
TextEditingController _controller = new TextEditingController();
bool _enabled = false;
@override
Widget build(BuildContext context) {
ThemeData theme = Theme.of(context);
return new Scaffold(
appBar: new AppBar(
title: new Text('Disabled Text'),
),
floatingActionButton: new FloatingActionButton(
child: new Icon(Icons.free_breakfast),
onPressed: () {
setState(() {
_enabled = !_enabled;
});
}
),
body: new Center(
child: new Container(
margin: const EdgeInsets.all(10.0),
child: _enabled ?
new TextFormField(controller: _controller) :
new FocusScope(
node: new FocusScopeNode(),
child: new TextFormField(
controller: _controller,
style: theme.textTheme.subhead.copyWith(
color: theme.disabledColor,
),
decoration: new InputDecoration(
hintText: _enabled ? 'Type something' : 'You cannot focus me',
),
),
),
),
),
);
}
}
【讨论】：
FocusScopeNode(canRequestFocus: _enabled, child: .....
这是以某种方式禁用TextField 但保留其功能的另一种方法。我的意思是onTap 用法
TextField(
enableInteractiveSelection: false,
onTap: () { FocusScope.of(context).requestFocus(new FocusNode()); },
)
enableInteractiveSelection
将禁用TextField的内容选择
FocusScope.of(context).requestFocus(new FocusNode());
将焦点更改为未使用的焦点节点
使用这种方式，您仍然可以触摸TextField，但无法输入或选择其内容。相信我，它有时会很有用（日期选择器，时间选择器，...）:)
【讨论】：
readOnly 属性
使用readOnly:true 是正确的。但是，如果您仍想关注此文本字段，您可以按照以下代码进行操作：
TextFormField(
showCursor: true,//add this line
readOnly: true
)
如果你想隐藏文本指针（光标），你需要将enableInteractiveSelection设置为false。
【讨论】：
现在有一种方法可以禁用 TextField 和 TextFormField。见githubhere。
像这样使用它：
TextField(enabled: false)
【讨论】：
我使用了 readOnly 和 enableInteractiveSelection 属性的组合来在 TextField 上实现所需的行为。
TextField(
readOnly: true,
enableInteractiveSelection: true,
onTap: () {
do_something(),
},
)
enableInteractiveSelection 设置为 true，它将允许 onTap() 正常工作。
【讨论】：
我尝试使用 FocuseNode()，启用 = false 但无法正常工作， 取而代之的是，我使用了一个名为 AbsorbPointer 的 widget。它用于防止小部件触摸或点击，我将 TextFormField 或其他小部件包装在 AbsordPointer 小部件中，并提供一个参数以禁用触摸
示例
AbsorbPointer(
absorbing: true, //To disable from touch use false while **true** for otherwise
child: Your WidgetsName
);
【讨论】：
absorbing 参数将默认为 true 所以你省略
它有enabled 键，这对我来说很好。
TextFormField(
enabled: false,
)
【讨论】：
使用readOnly: true
TextField(
readOnly: true,
controller: controller,
obscureText: obscureText,
onChanged: (value) {
onValueChange();
},
style: TextStyle(
color: ColorResource.COLOR_292828,
fontFamily: Font.AvenirLTProMedium.value,
fontSize: ScreenUtil().setHeight(Size.FOURTEEN)),
decoration: InputDecoration(
border: InputBorder.none,
hintText: hint,
hintStyle: TextStyle(
fontSize: ScreenUtil().setHeight(Size.FOURTEEN),
color: ColorResource.COLOR_HINT,
fontFamily: Font.AvenirLTProBook.value)),
),
【讨论】：
删除本机键盘，然后以编程方式聚焦 TextField（例如，单击表情符号按钮后）：
FocusScope.of(context).requestFocus(titleFocusNode);
titleFocusNode.consumeKeyboardToken();
【讨论】：
它对我有用
TextField(
readOnly: true,
onChanged: (value) { },
)
【讨论】：