Flutter Web -在文本字段中不使用空格键

v1uwarro  于 2023-03-19  发布在  Flutter
关注(0)|答案(2)|浏览(134)

当我按空格键时,空格不会出现,继续按它,一个“。”,它不再允许我编辑文本。
我声明duranter调试工作正常,但使用发布网站不再工作.我使用的命令:flutter构建Web --Web渲染器html --发布用于部署Web应用程序。
[] Flutter(通道稳定,3.0.5,在macOS 12.6 21 G115达尔文臂上,语言环境it-IT)· Flutter版本3.0.5位于/Users/mauriziomancini/FlutterDev/flutter ·上游资源库https://github.com/flutter/flutter.git·框架修订版f1875 d570 e(2个月),2022年7月13日11:24:16 - 0700·引擎修订版e85 ea 0 e79 c· Dart版本2.17.6 ·开发工具版本2.12.2
[] Android工具链-为Android设备开发(Android SDK版本33.0.0-rc 1)· Android SDK位于/Users/mauriziomancini/Library/Android/sdk ·平台Android-33,构建工具33.0.0-rc 1· Java二进制位于:/应用程序/AndroidStudio.app/Contents/jre/Contents/Home/bin/java· Java版本OpenJDK运行时环境(内部版本11.0.11+0-b60-7772763)·接受所有Android许可证。
[] Xcode -为iOS和macOS开发(Xcode 14.0)· Xcode位于/应用程序/Xcode.app/Contents/Developer· CocoaPods版本1.11.2
[] Chrome浏览器-为网络开发· Chrome浏览器位于/Applications/GoogleChrome.app/Contents/MacOS/GoogleChrome浏览器
[] Android工作室(版本2021.1)· Android工作室在/应用程序/AndroidStudio.app/Contents· Flutter插件可以安装从:x1🔨e1f1x· Dart插件可以从以下位置安装:·🔨Java版本的OpenJDK运行时环境(内部版本号11.0.11+0-b60-7772763)
[] VS代码(版本1.71.2)· VS代码位于/应用程序/Visual StudioCode.app/Contents·Flutter扩展版本3.48.0
[]互联设备(3款可用)· iPhone 14 Pro Max(移动的)·8D 8DCB 54-F212-4551- 9 CD 4-B367955056 BB· ios · com·苹果·酷睿模拟器·模拟运行时·iOS-16-0(模拟器)· macOS(桌面版)· macos ·达尔文手臂64· macOS 12.6 21 G115达尔文手臂· Chrome(网页版)· Chrome ·网页javascript·谷歌Chrome浏览器105.0.5195.125
[] HTTP主机可用性·所有必需的HTTP主机都可用
未发现问题!

您可以在此处找到代码摘录

Scaffold(
          appBar: AppBar(
            backgroundColor: coloreApp,
            title: Image.asset("lib/assets/titolo.png"),
            actions: [
              IconButton(
                onPressed: () async {
                  await FirebaseAuth.instance.signOut();
                  setState(() {});
                },
                icon: const Icon(Icons.login_rounded),
              ),
            ],
          ),
          body: SingleChildScrollView(
              child: Column(
            children: [
              Padding(
                padding: const EdgeInsets.all(20),
                child: SizedBox(
                  child: Image.asset("lib/assets/icona.png"),
                  height: 80,
                ),
              ),
              Padding(
                padding: const EdgeInsets.all(paddingNumber),
                child: TextField(
                  controller: emailController,
                  keyboardType: TextInputType.emailAddress,
                  decoration: inputDecoration("Email"),
                ),
              ),
              
              Padding(
                padding: const EdgeInsets.all(paddingNumber),
                child: TextField(
                  controller: passwordController,
                  obscureText: true,
                  keyboardType: TextInputType.visiblePassword,
                  decoration: inputDecoration("Password"),
                ),
              ),
            ],
          )),
        );

你可以在www.leonardowebapp.it上找到一个非工作示例

8tntrjer

8tntrjer1#

因为你也可以使用空格键滚动,最有可能的是当你点击空格键时,它会被滚动捕获。检查在MaterialApp中配置快捷键是否有帮助- -

@override
  Widget build(BuildContext context) {
    final shortcuts = Map.of(WidgetsApp.defaultShortcuts);
    shortcuts[LogicalKeySet(LogicalKeyboardKey.space)] = ActivateIntent();

    return MaterialApp(
        shortcuts: kIsWeb? shortcuts : null,
        scrollBehavior: MyCustomScrollBehavior(),
        home: HomeScreen(),
      );
  }
eh57zj3b

eh57zj3b2#

我遇到了同样的问题,调试部署工作,但Flutter Web发布导致空间输入在TextField中不工作。
因此,按照建议,我最终将其添加到main.dart中的MaterialApp:

shortcuts: {
    LogicalKeySet(LogicalKeyboardKey.space): ActivateIntent(),
 },

相关问题