Flutter web:按下键盘上的“完成”按钮时,文本字段不会失去焦点

问题描述 投票:0回答:1

键盘出现时有 2 个“完成”按钮:

  • 当我按下第一个“完成”按钮时,键盘会隐藏,但
    TextField
    仍然保持对焦状态
  • 当我按下第二个“完成”按钮时,键盘会隐藏,并且
    TextField
    也会删除对焦状态。

如果我按下第一个“完成”按钮,似乎属性

onSubmitted()
onEditingComplete()
将不会被触发。

有办法解决这个问题吗?或者无论如何要隐藏第一个“完成”按钮?谢谢你们。

enter image description here

源码很简单:

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: TextField(
            decoration: InputDecoration(
              hintText: 'Enter your name',
            ),
          ),
        ),
      ),
    );
  }
}

您可以像这样编辑

launch.json
(如果您使用 VSCode)配置:

"configurations": [
        {
            "name": "package_name", // package name
            "request": "launch",
            "type": "dart",
            "args": [
                "--release",
                "--web-hostname",
                "192.168.xxx.xxx", // your IP address
                "--web-port",
                "8080"
            ]
        }
    ]
}

然后,从模拟器中打开 Safari 并打开链接:http://192.168.xxx.xxx:8080

enter image description here

flutter web-clips
1个回答
0
投票

等我一下,我会帮助你

© www.soinside.com 2019 - 2024. All rights reserved.