Flutter点击空白处取消TextField焦点(收起软键盘)

最新推荐文章于 2024-02-17 15:21:36 发布
最新推荐文章于 2024-02-17 15:21:36 发布
阅读量4.9k 收藏 3
点赞数 2
分类专栏： flutter 文章标签： TextField 软键盘
原文链接：https://blog.csdn.net/weixin_34247155/article/details/88002081
版权

Flutter点击空白处取消TextField焦点(收起软键盘)

GestureDetector(
    behavior: HitTestBehavior.translucent,
    onTap: () {
        // 触摸收起键盘
        FocusScope.of(context).requestFocus(FocusNode());
    },
    child: ****视图内容***
}

把GestureDetector放在body最外层

析木之林
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flutter TextField换行自适应的实现
08-25
主要介绍了flutter TextField换行自适应的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
flutter应用开发中文本输入框TextField的焦点获取控制篇
01-07
题记 —— 执剑天涯，从你的点滴积累开始，所及之处，必精益求精，即是折腾每一天。 重要消息 精通点的可以查看这里 精述 Flutter 从入门实践到开发一个APP之UI基础篇 视频 flutter从入门 到精通 系列文章 TextField 系列文章 TextField的基本使用以及TextField常用属性精讲《点击查看详情》 TextField 焦点获取控制篇《就是本文章了》 TextField 输入文本样式 TextStyle 篇《正在发文中》 TextField 输入文本 textAlign 对齐分析篇《正在发文中》 TextField 输入文本 decoration 配置边框样
Flutter控制某个TextField获取焦点及失去焦点
weixin_30323631的博客
07-10 4614
在项目中有时需要点击某个地方的时候让一个文本框获取焦点以弹起键盘~~比如前端经常使用的input.focus()，但是在flutter中没有.focus()这个方法~~不过我们可以通过FocusScope.of(context).requestFocus()来实现这一操作 先看一下实现场景，点击某一条留言然后让文本框获取焦点弹出键盘： 要使用FocusScope.of(cont...
flutter TextField 控制焦点位置
pgLi
11-28 727
TextField控制焦点位置
Flutter关于TextField你能知道的一切
weixin_38170561的博客
07-15 828
前言 Hello，大家好这里是一个苦逼的前Android开发，本来Android干的开开心心，但是受到一些影响转行了
笔记-Flutter 之点击空白处取消TextField焦点
热门推荐
weixin_34247155的博客
01-16 1万+
本人是做iOS开发的，点击空白处取消TextField焦点这个需求是非常简单的，在学习Flutter过程中，面对这个需求走了不少弯路，现在得到了一个感觉不错的解决方案，这里和大家分享一下，也希望对小伙伴们有所帮助。 GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { // 触摸收起键...
Flutter中在收起键盘时自动使TextField失去焦点
zhengxtDgxs的博客
05-20 5603
前言 最近在做公司flutter项目的时候，接到了一个需求，本质上就是实现收起键盘的时候让TextField组件失去焦点的功能。 这个需求乍一看很好解决，心想，就这！就这！就这！so easy！ 但是！但是！但是！万万没想到啊，实现时候却让我本来就很稀薄的头发雪上加霜，原因就是安卓手机第三方输入法有一个很蛋疼的地方，就是他会有一个收起键盘的按钮，如下图所示： image 问题就在，这！个！按！钮！他不属于原生键盘按钮，无法检测到键盘事件！并且不能够屏蔽！????真的要给搞崩溃了。下面就给兄弟萌说说我最后的解
Flutter 点击输入框之外的地方时，输入框失去焦点
m0_68349563的博客
03-13 2793
本篇文章主要讲解怎么在点击输入框之外的地方时，让输入框失去焦点
Flutter 点击空白处取消TextField焦点并收起键盘
weixin_41469516的博客
02-17 493
原文： 笔记-Flutter 之点击空白处取消TextField焦点 GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { // 触摸收起键盘 FocusScope.of(context).requestFocus(FocusNode()); }, ...
Flutter控制某个TextField获取焦点以及失去焦点
Welcome To As.Kai 's Home
12-21 3733
Flutter控制某个TextField获取焦点以及失去焦点 首先交代一下使用场景 点击某个控件使文本框获取焦点 弹出输入法 我们可以直接使用FocusScope.of(context).requestFocus()来实现获取焦点 实现获取焦点首先需要先定义一个FocusNode FocusNode _commentFocus = FocusNode(); //在TextField中绑定 TextField( focusNode: _commentFocus, ), 获取焦点 获取焦点当点击时用
android键盘弹出/收起监听demo
03-11
android实现监听键盘弹出/收起事件，并且过滤掉splitted actin menubar的弹出
Flutter 全局点击空白处隐藏键盘实战
09-07
主要介绍了Flutter 全局点击空白处隐藏键盘实战，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
详解Flutter点击空白隐藏键盘的全局做法
01-20
开发原生页面的时候，在处理键盘事件上，通常的需求是，点击输入框外屏幕，要隐藏键盘，同样的，这样的需求也需要在 Flutter 上实现， Android 上的实现方式是在基类 Activity 里实现事件分发，判断触摸位置是否在...
Flutter 清除TextField的值 TextField值为空时隐藏清除按钮 不为空时显示清除按钮
ulddfhv的专栏
12-12 1万+
先上效果图: 如图，上下两个输入框都是 左边图标+中间输入框+右边清除按钮的布局 现在要实现输入框值为空时隐藏清除按钮 输入框值不为空时显示清除按钮 并且 点击清除按钮能清除对应的输入框的值 废话不多 直接上代码: String text3=''; TextEditingController mControll3= TextEditingController(); //...
flutter TextField输入框焦点事件的捕捉 监听焦点事件
天渺(喵)工作室
04-07 4836
//实例化 FocusNode _focusNode = FocusNode(); //监听得放在初始化中 @override void initState() { super.initState(); //输入框焦点 _focusNode.addListener((){ if (!_focusNode.hasFocus) { // p...
flutter点击空白处收起软键盘
chdyiboke的博客
05-25 2432
取消TextField焦点(收起软键盘) body: GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { // 触摸收起键盘 FocusScope.of(context).requestFocus(FocusNode()); }, child: ... ) 把GestureDetector放在body最外层。
Flutter 弹出框， TextField会失去焦点
Care iOS技术团队
09-22 1503
最近在研究flutter IM UI 的开发，在聊天页面中，长按弹出弹出框。我用的是PopupRoute来做的。结果会让输入框失去焦点。 为了不让输入框失去焦点，我使用了TransitionRoute代替PopupRoute，这样就不会失去焦点。 记录一下，方便查询。 ...
[Flutter]输入框获取焦点和失去焦点事件
weixin_39897287的博客
06-29 2549
FocusNode _focusNode = FocusNode(); @override void initState() { _focusNode.addListener(() { if (!_focusNode.hasFocus) { // TextField has lost focus //收回键盘 FocusScope.of(context).requestFocus(FocusNode()); } });
grpcio-1.47.0-cp310-cp310-linux_armv7l.whl
最新发布
05-22
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
flutter textfield 获取焦点
08-09
在Flutter中，可以通过使用TextField组件来获取焦点。TextField组件是一个用于接收用户输入的文本框，它有一个focusNode属性可以用来控制焦点。 首先，我们需要在StatefulWidget的构建方法中创建一个FocusNode对象，并在TextField组件的focusNode属性中传入该对象。例如： ``` class MyWidget extends StatefulWidget { @override _MyWidgetState createState() => _MyWidgetState(); } class _MyWidgetState extends State<MyWidget> { FocusNode myFocusNode; @override void initState() { super.initState(); myFocusNode = FocusNode(); } @override void dispose() { myFocusNode.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return TextField( focusNode: myFocusNode, // 其他TextField的属性... ); } } ``` 接下来，我们可以使用myFocusNode.requestFocus()方法在代码中的某个位置来获取焦点。例如，我们可以在按钮的点击事件中获取焦点： ``` RaisedButton( onPressed: () { myFocusNode.requestFocus(); }, child: Text("获取焦点"), ), ``` 当按钮被点击时，TextField将会获取焦点并弹出键盘供用户输入。 另外，通过myFocusNode.requestFocus方法获取焦点并不会触发键盘自动弹出的效果，如果需要自动弹出键盘，可以将myFocusNode传入TextField的autofocus属性中： ``` TextField( focusNode: myFocusNode, autofocus: true, // 其他TextField的属性... ); ``` 这样，在页面加载完成后，TextField组件将会自动获取焦点并弹出键盘。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值