`
iaiai
  • 浏览: 2195668 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flutter 之点击空白区域收起键盘

 
阅读更多
点击空白处取消TextField焦点这个需求是非常简单的,在学习Flutter过程中,面对这个需求走了不少弯路,现在得到了一个感觉不错的解决方案,这里和大家分享一下,也希望对小伙伴们有所帮助。
GestureDetector(
    behavior: HitTestBehavior.translucent,
    onTap: () {
        // 触摸收起键盘
        FocusScope.of(context).requestFocus(FocusNode());
    },
    child: *******
}

把上面的代码放在最外层,你自己的布局就放在child里面,亲测有效。
分享到:
评论

相关推荐

    Flutter 全局点击空白处隐藏键盘实战

    为了在 Flutter 应用中统一这种体验,我们需要实现一个功能,即全局点击空白处隐藏键盘。本文将详细介绍如何在 Flutter 中实现这一功能。 首先,针对单个 `TextField` 的情况,我们可以利用 `FocusNode` 来处理键盘...

    详解IOS点击空白处隐藏键盘的几种方法介绍

    IOS7 点击空白处隐藏键盘的几种方法,具体如下: iOS开发中经常要用到输入框,默认情况下点击输入框就会弹出键盘,但是必须要实现输入框return的委托方法才能取消键盘的显示,对于用户体验来说很不友好,我们可以...

    详解Flutter点击空白隐藏键盘的全局做法

    而在Flutter中,我们可以利用MaterialApp的`builder`属性来创建一个全局的GestureDetector,这样就可以在整个应用程序中实现点击空白区域隐藏键盘的效果。 首先,让我们回顾一下在Android中是如何实现的。在基类...

    flutter弹起键盘页面布局超限问题

    例如,如果在脚手架上方显示屏幕键盘,则可调整body属性控件的大小以避免被键盘覆盖。如果你不需要此功能,可以将resizeToAvoidBottomPadding属性设置为false @override Widget build(BuildContext context) { ...

    flutter混合开发解决输入框被键盘遮挡的问题

    1. 在Flutter代码中,将Scaffold的`resizeToAvoidBottomPadding`属性设置为`false`,禁用其自动调整内容区域以避免键盘遮挡的功能。 2. 对于Android平台,修改AndroidManifest.xml中对应Activity的`android:...

    获取键盘高度

    Objective-C是苹果平台的主要编程语言之一,用于开发iOS应用。本篇将详细介绍如何在Objective-C中动态获取键盘的高度,并提供相关的编程实践。 一、键盘通知与观察者模式 在iOS中,系统提供了键盘显示和隐藏的通知...

    解决聊天界面,软键盘和表情框切换问题

    由于屏幕空间被软键盘占用,原本显示聊天记录的区域会被压缩,可能导致用户无法看到完整的聊天历史,尤其是当聊天列表(如ListView或RecyclerView)很长时。 为了解决这个问题,开发者通常会采取以下策略: 1. **...

    解决Flutter启动页白屏问题,flutter启动显示图片

    启动页是App必不可少的一部分,然而在一个新创建的Flutter项目中,运行发现是没有启动页的。...之所以新建的项目是白屏,因为flutter对此的方法默认是注释掉的 1)源代码下载,请放心下载 2)使用在多个项目中

    flutter中使用基于flutter-sound的flutter-sound-record录音

    在Flutter开发中,录音功能是许多应用程序不可或缺的一部分。Flutter本身并不提供原生的录音API,但开发者可以借助第三方库来实现这一功能。本篇将详细讲解如何在Flutter中使用基于`flutter-sound`的`flutter-sound-...

    Flutter 项目:flutter的安装和环境配置

    2. **下载过程**:点击`Clone Flutter`后,VS Code会开始下载Flutter SDK,过程中会显示“Downloading the Flutter SDK. This may take a few minutes”的通知。 3. **注意事项**:避免将Flutter安装到含有特殊字符...

    flutter之ppt.rar

    第一个完成flutter的高校本科课程用ppt,共分12章,简要的介绍了flutter的课程:flutter的安装、dart语言的应用、常用组件、Material Design、Cupertino、页面布局、资源与图片、路由与导航、组件装饰和动画等内容

    flutter实现单点跳转浏览器搜索页面

    在Android平台上使用Flutter框架开发应用时,有时我们需要实现一个功能:点击应用内的某个按钮或链接,使得用户能够直接跳转到手机默认的浏览器,并在浏览器中打开特定的搜索页面,例如百度搜索。这个过程涉及到...

    Flutter基础学习之进阶

    2. **资源加载**(14 Flutter之资源加载.pdf):这章节可能讨论了如何在Flutter中导入和管理图片、字体和其他静态资源,包括Asset目录的配置、网络资源的加载,以及使用`Image.asset`、`NetworkImage`等类来显示资源...

    Flutter实现左侧边栏导航

    Flutter实现左侧边栏导航,点击左侧菜单右侧自动切换,左侧菜单可以实现自动居中,右侧滚动到底部继续滑可自动切换到下一页,上滑切换到上一页,左侧菜单跟随切换,查看效果图: ...

    Flutter官方文档详细翻译

    "18 Flutter 之发布Android版APP.pdf"和"19 Flutter之发布的IOS版APP.pdf"将指导你如何将Flutter应用打包发布到Android和iOS平台,包括调试、签名和上传至应用商店的过程。 9. **使用Flutter IDE**:"15 使用...

    Flutter学习之旅(二)----MD风格和点击事件

    在本篇“Flutter学习之旅(二)——MD风格和点击事件”中,我们将深入探讨Flutter框架如何实现Material Design(MD)风格的用户界面,并且掌握如何处理点击事件。Material Design是一种由Google推出的视觉设计语言,它...

    在Flutter中实现的简单折叠单元格小部件

    在Flutter开发中,创建一个可折叠的单元格小部件是一项常见的需求,这通常用于实现诸如展开和收起列表项的功能,以节省屏幕空间并提供更好的用户体验。本项目名为“folding_cell”,它提供了一个简单的解决方案,使...

    键盘遮挡空白返回

    为了解决这个问题,开发者通常会采用一种策略,即当用户点击屏幕空白区域时,自动收起键盘。这个功能被称为“键盘遮挡空白返回”。 在iOS开发中,我们可以利用`UITextField`或`UITextView`的代理方法来实现这一功能...

Global site tag (gtag.js) - Google Analytics