Flutter 弹出框， TextField会失去焦点

最新推荐文章于 2024-05-17 15:44:57 发布
最新推荐文章于 2024-05-17 15:44:57 发布
阅读量1.5k 收藏
点赞数
分类专栏： Flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/devday/article/details/108727857
版权

最近在研究flutter IM UI 的开发，在聊天页面中，长按弹出弹出框。我用的是PopupRoute来做的。结果会让输入框失去焦点。

为了不让输入框失去焦点，我使用了TransitionRoute代替PopupRoute，这样就不会失去焦点。

记录一下，方便查询。

大招至胜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Flutter入门与实战：菜单弹出框
09-15
在本文中，我们将深入探讨Flutter框架中的菜单弹出框，这是一种常见的用户界面元素，用于提供多个操作选项。Flutter以其丰富的自定义能力和跨平台兼容性，为开发者提供了多种创建菜单弹出框的方式。让我们一起探索...
Flutter输入框下方弹出历史下拉选择PopWindow(输入框不失去焦点)
Monster的博客
12-08 398
Flutter中TextField输入的同时弹出Pop，点击Pop输入框不失去焦点
Flutter控制某个TextField获取焦点以及失去焦点
Welcome To As.Kai 's Home
12-21 3793
Flutter控制某个TextField获取焦点以及失去焦点 首先交代一下使用场景 点击某个控件使文本框获取焦点 弹出输入法 我们可以直接使用FocusScope.of(context).requestFocus()来实现获取焦点 实现获取焦点首先需要先定义一个FocusNode FocusNode _commentFocus = FocusNode(); //在TextField中绑定 TextField( focusNode: _commentFocus, ), 获取焦点 获取焦点当点击时用
Flutter 使用 PopupRoute 实现一个高度自定义的Popup组件
最新发布
m0_63548381的博客
05-17 717
Positioned widget 内部又包含一个GestureDetector，它的 child 是传入的child参数，当用户点击child时，会调用MyPopup.closePop方法关闭弹出层。Stack中包含两个子组件，一个是用户传入的child，另一个是小箭头，箭头的方向和颜色由direction和color参数决定。此组件接受三个参数：child（弹出层的内容）、right（弹出层距离屏幕右侧的距离）和top（弹出层距离屏幕顶部的距离）。这个组件需要自己手动控制箭头和矩形框的位置。
Flutter中在收起键盘时自动使TextField失去焦点
zhengxtDgxs的博客
05-20 5673
前言 最近在做公司flutter项目的时候，接到了一个需求，本质上就是实现收起键盘的时候让TextField组件失去焦点的功能。 这个需求乍一看很好解决，心想，就这！就这！就这！so easy！ 但是！但是！但是！万万没想到啊，实现时候却让我本来就很稀薄的头发雪上加霜，原因就是安卓手机第三方输入法有一个很蛋疼的地方，就是他会有一个收起键盘的按钮，如下图所示： image 问题就在，这！个！按！钮！他不属于原生键盘按钮，无法检测到键盘事件！并且不能够屏蔽！????真的要给搞崩溃了。下面就给兄弟萌说说我最后的解
Flutter 点击输入框之外的地方时，输入框失去焦点
m0_68349563的博客
03-13 3053
本篇文章主要讲解怎么在点击输入框之外的地方时，让输入框失去焦点
解决 Flutter showModalBottomSheet 被弹出的键盘、输入法遮挡
u014799995的博客
04-21 7824
在使用 showModalBottomSheet 底部弹出内容时，如果唤起了键盘、输入法，showModalBottomSheet 中的内容往往会被挡住，给 showModalBottomSheet 设置 isScrollControlled，再套一个 SingleChildScrollView 以及 设定一个 padding 一般就能解决问题了。 示例： showModalBottomSheet...
Flutter控制某个TextField获取焦点及失去焦点
weixin_30323631的博客
07-10 4657
在项目中有时需要点击某个地方的时候让一个文本框获取焦点以弹起键盘~~比如前端经常使用的input.focus()，但是在flutter中没有.focus()这个方法~~不过我们可以通过FocusScope.of(context).requestFocus()来实现这一操作 先看一下实现场景，点击某一条留言然后让文本框获取焦点弹出键盘： 要使用FocusScope.of(cont...
Flutter关于TextField你能知道的一切
weixin_38170561的博客
07-15 840
前言 Hello，大家好这里是一个苦逼的前Android开发，本来Android干的开开心心，但是受到一些影响转行了
Flutter高阶技术：如何实现自定义弹出菜单框
06-03
在Flutter开发中，自定义弹出菜单框是提高应用交互性和用户体验的重要手段。Flutter作为一个跨平台的移动开发框架，提供了丰富的API和工具，使得开发者能够轻松实现这样的功能。本篇文章将深入探讨如何在Flutter中...
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
10-16
`PopupMenuButton` 是 Flutter 框架中用于创建弹出式菜单的组件，它在多种场景下都非常实用，比如在 AppBar 的右上角设置一个下拉菜单。这个组件提供了简洁的接口和高度可定制性，使得开发者能够快速地为应用添加...
flutter应用开发中文本输入框TextField的焦点获取控制篇
01-07
题记 —— 执剑天涯，从你的点滴积累开始，所及之处，必精益求精，即是折腾每一天。 重要消息 精通点的可以查看这里 精述 Flutter 从入门实践到开发一个APP之UI基础篇 视频 flutter从入门 到精通 系列文章 TextField 系列文章 TextField的基本使用以及TextField常用属性精讲《点击查看详情》 TextField 焦点获取控制篇《就是本文章了》 TextField 输入文本样式 TextStyle 篇《正在发文中》 TextField 输入文本 textAlign 对齐分析篇《正在发文中》 TextField 输入文本 decoration 配置边框样
flutter-autocomplete-textfield：用于flutter的自动完成文本字段
02-03
autocomplete_textfield 颤振的自动完成文本字段 拉取请求 随意提交请求请求以进行所需的更改/功能/错误修复...由于我不再频繁使用Flutter，这使此代码的维护变得更加容易。 酒吧包可以在找到 重大变化 默认情况下...
Flutter 模仿实现苹果底部弹出框
01-07
Flutter 模仿苹果底部弹出框 新增BottmSheetDialog.dart // // 文件名称：SBottmSheetDialog.dart // // 创建日期：2020-01-010 // // 文件描述：底部弹出框 // // 修改履历： // ---------------------------------...
Flutter中10个必须掌握的widget（带详细API解释）
angel725的专栏
01-21 1306
1、文本及样式（Text） Text用于显示简单样式文本，它包含一些控制文本显示样式的一些属性 const Text( this.data, { Key key, this.style, this.strutStyle, this.textAlign, this.textDirection, this.locale, this.softWrap, this.overflow, this.textScaleFactor,
Flutter让键盘消失，但是TextField不丢失Focus
Care iOS技术团队
09-24 2497
让TextField autoFocus为true, 或者 FocusScope.of(context).autofocus(_focusNode);
Flutter点击空白处取消TextField焦点(收起软键盘)
栖木的博客
11-28 4939
Flutter点击空白处取消TextField焦点(收起软键盘) GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { // 触摸收起键盘 FocusScope.of(context).requestFocus(FocusNode()); }, chil...
[Flutter]输入框获取焦点和失去焦点事件
weixin_39897287的博客
06-29 2572
FocusNode _focusNode = FocusNode(); @override void initState() { _focusNode.addListener(() { if (!_focusNode.hasFocus) { // TextField has lost focus //收回键盘 FocusScope.of(context).requestFocus(FocusNode()); } });
Flutter 点击空白处取消TextField焦点并收起键盘
weixin_41469516的博客
02-17 696
原文： 笔记-Flutter 之点击空白处取消TextField焦点 GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { // 触摸收起键盘 FocusScope.of(context).requestFocus(FocusNode()); }, ...
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、付费专栏及课程。

余额充值