8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

点击外部时防止键盘关闭

Sergey K 1月前

25 0

在 Flutter web 中,文本字段的默认行为是,当点击或与其外部的任何小部件交互时,键盘就会消失。我想知道如何禁用这种行为......

在 Flutter web 中,文本字段的默认行为是, 当点击或与其外部的任何小部件交互时,键盘就会消失。

我想知道如何 禁止 这种行为。

Animated GIF of an iOS simulator running the code below, showing how the keyboard dismisses when tapping outside of a focused text field

以下是 GIF 中显示的示例代码:

import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: SingleChildScrollView(
          child: Column(children: [
            TextField(
              controller: TextEditingController(text: ''),
            ),
          ]),
        ),
      ),
    );
  }
}

谢谢。

帖子版权声明 1、本帖标题:点击外部时防止键盘关闭
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Sergey K在本站《flutter》版块原创发布, 转载请注明出处!
最新回复 (0)
  • @אוריorihpt,它在移动设备上运行良好!如果你正在使用网页,焦点节点会处理这个问题

  • 这对我来说不起作用...您是否使用移动设备在网络上测试过它?我认为我遇到的问题仅在使用移动设备的网络上出现。

  • 您可以使用来实现这一点 PopScope ,结果如下:

    enter image description here

    代码如下:

    Scaffold(
          appBar: AppBar(title: Text('Test Pop Scope'),),
          body: PopScope(
            canPop: false,
              child: TextFormField(
            decoration: InputDecoration(
              enabledBorder: OutlineInputBorder(),
              focusedBorder: OutlineInputBorder(),
              hintText: 'press Here'
            )
          )),
        );
    
返回
作者最近主题: