Flutter 只读表单小部件

Question

如何在 flutter 中将表单小部件设置为只读。 将 Form 小部件设置为只读意味着 Form 小部件内的所有小部件将自动变为只读。 有内置的东西吗？

Answer 1

您可以将它添加到 StatelessWidget 并使其成为只读，而不是您可以在任何地方调用它，如下所示：

class Input extends StatelessWidget {
  const Input({Key? key, required this.controller, required this.hint}) : super(key: key);
final TextEditingController controller;
final String hint;
  @override
  Widget build(BuildContext context) {
    return TextFormField(
      readOnly: true,
      controller:controller ,
      decoration: InputDecoration(
        hintText: hint,
      ),
    );
  }
}

Answer 2

您可以为 TextFormField 小部件使用 readOnly 类型的原生 flutter 元素，或者将按钮的 onPressed 设置为 null。

您还可以使用 IgnorePointer 小部件来忽略用户对小部件的触摸。

return Form(
      child: ListView(
        children: [
          TextFormField(  
            readOnly: readOnly,
            decoration: InputDecoration(
              labelText: "Quest 1",
            ),
          ),
          IgnorePointer(
            ignoring: readOnly,
            child: TextFormField(  
              decoration: InputDecoration(
                labelText: "Quest 2",
              ),
            ),
          ),
          ElevatedButton(  
            onPressed: null,
            child: Text("Confirm"),
          ),
          IgnorePointer(
            ignoring: readOnly,
            child: ElevatedButton(  
              onPressed: (){
                debugPrint("confirm");
              },
              child: Text("Confirm"),
            ),
          )
        ]
      ),
    );