Question

我正在浏览Flutter应用程序中的下一页。

在下一页上，有一些用户可以在其中输入文本的表格。

final _form2Key = GlobalKey<FormState>();

Padding(
  padding: EdgeInsets.only(top: 8.0),
  child: Container(
    width: screenWidth / 1.1,
    height: screenHeight / 5.5,
    child: Form(
      key: _form2Key,
      autovalidate: true,
      child: TextFormField(
        autofocus: true,
        validator: (val) {
          if (val.trim().length < 3 || val.isEmpty) {
            return "Too short";
          } else if (val.trim().length > 200) {
            return "Too long";
          } else {
            return null;
          }
        },
      onSaved: (val) => description = val,
      decoration: InputDecoration(
        border: OutlineInputBorder(),
        filled: true,
        fillColor: Colors.white,
        labelText: "",
        labelStyle: TextStyle(fontSize: 15.0),
        hintText: " ",
      ),
    ),
  ),
),

一切正常，但是导航到该新页面后，键盘会自动显示并专注于文本字段。

是否可以避免键盘弹出而仅在用户按下表单时才显示键盘？

谢谢！

Answer 1

由于将自动对焦设置为true，因此您的键盘会自动弹出，请修改为false或删除该属性，以免键盘自动弹出

final _form2Key = GlobalKey<FormState>();

Padding(
  padding: EdgeInsets.only(top: 8.0),
  child: Container(
    width: screenWidth / 1.1,
    height: screenHeight / 5.5,
    child: Form(
      key: _form2Key,
      autovalidate: true,
      child: TextFormField(
        autofocus: false, // modified
        validator: (val) {
          if (val.trim().length < 3 || val.isEmpty) {
            return "Too short";
          } else if (val.trim().length > 200) {
            return "Too long";
          } else {
            return null;
          }
        },
        onSaved: (val) => description = val,
        decoration: InputDecoration(
          border: OutlineInputBorder(),
          filled: true,
          fillColor: Colors.white,
          labelText: "",
          labelStyle: TextStyle(fontSize: 15.0),
          hintText: " ",
        ),
      ),
    ),
  ),
),

颤振：键盘自动显示

1 个答案: