flutter TextField visiblePassword 非系统输入法获取焦点错误

最新推荐文章于 2023-06-14 15:53:50 发布
最新推荐文章于 2023-06-14 15:53:50 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： Flutter 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mppy1/article/details/111604600
版权

如果有两个输入框以上，特别是登录的时候遇到华为这种带系统的安全键盘，那就会出现这样的问题。

两个输入框，来回获得焦点，键盘显示就会出现问题。

下面是代码：

 

TextField(

                      keyboardType: TextInputType.visiblePassword,

                      obscureText: true,

                      maxLength: 12,

                      decoration: InputDecoration(

                        counterText: "",

                        border: InputBorder.none,

                        hintText: '请设置您的密码(6-12位英文和数字组成)',

                        hintStyle:

                            TextStyle(fontSize: 14, color: Color(0xFFC2C3C6)),

                      ),

                      onChanged: (e) {

                        RegExp regExp = RegExp(r"^[0-9A-Za-z]{6,12}$");

                        setStat

最低0.47元/天 解锁文章
灵觉橙子
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
flutter-password-field:密码字段-Flutter教程
04-02
密码栏位 指示的源代码 套餐使用
Flutter TextField 设置输入类型
野猿新一
10-25 7298
Flutter中TextField的输入类型通过keyboardType属性来设置，比如设置成文本、数字、电话、邮箱等类型 例如如下代码限制输入类型为数字 TextField( keyboardType: TextInputType.number, decoration: InputDecoration( labelText: "账号", hintText: "请输入...
Flutter文本框TextField
10-05
Flutter文本框TextField，是一个输入文本的控件，，，，
flutter textfield焦点问题setBottomSheetState(() { // if (_homeViewModel.i
shidarun1的博客
03-19 530
textfield获取焦点通常这么写，但是遇到需要setState刷新textfield的可编辑状态时，如下写法会导致可编辑的textfield在build未完成时就获得焦点，使FocusScope.of(context).requestFocus(_focusNode)该语句失效: setBottomSheetState(() { //更新textfield是否可编辑...
【CSDN软件工程师能力认证学习精选】flutter 输入框组件TextField
CSDN高校俱乐部官方博客
02-26 671
CSDN软件工程师能力认证（以下简称C系列认证）是由中国软件开发者网CSDN制定并推出的一个能力认证标准。C系列认证历经近一年的实际线下调研、考察、迭代、测试，并梳理出软件工程师开发过程中所需的各项技术技能，结合企业招聘需求和人才应聘痛点，基于公开、透明、公正的原则，甑别人才时确保真实业务场景、全部上机实操、所有过程留痕、存档不可篡改。 我们每天将都会精选CSDN站内技术文章供大家学习，帮助大家系统化学习IT技术。 TextField 顾名思义文本输入框，类似于iOS中的UITextField..
flutter TextField换行自适应的实现
08-25
在Flutter开发中，TextField是用于用户输入文本的基本组件，它提供了丰富的自定义功能。本文将详细探讨如何在Flutter中实现TextField的换行自适应效果，包括自动调整高度以适应输入内容的增长，同时保持预设的内外...
flutter应用开发中文本输入框TextField的焦点获取控制篇
01-07
TextField 焦点获取控制篇《就是本文章了》 TextField 输入文本样式 TextStyle 篇《正在发文中》 TextField 输入文本 textAlign 对齐分析篇《正在发文中》 TextField 输入文本 decoration 配置边框样
flutter-autocomplete-textfield：用于flutter的自动完成文本字段
02-03
随意提交请求请求以进行所需的更改/功能/错误修复...由于我不再频繁使用Flutter，这使此代码的维护变得更加容易。 酒吧包可以在找到 重大变化 默认情况下，TextField设置为在建议点按时调用onSubmitted，并在提交时...
Android Studio中视图的inputType属性3-3
hou09tian的博客
10-07 1152
2.3 日期 当输入的数字表示日期时，主要有三种类型，分别是日期、时间和日期+时间。 2.3.1 日期 将视图的inputType属性值设置为“date”时，可以实现输入日期的功能，如图6所示。 图6 输入日期 从图6中可以看到，输入日期的软键盘不但包括0-9数字（图6①），还包括了用于日期格式的“-”（图6②）和“/”（图6③）。 2.3.2 日期 将视图的inputType属性值设置为“time”时，可以实现输入日期的功能，如图7所示。 图7 输入时间 从图7中可以..
Flutter输入框TextField属性介绍及相关问题
weixin_47401153的博客
04-27 1837
Flutter输入框TextField属性介绍及相关问题
Flutter实战-自定义键盘(二)
ITDogFire
07-21 1752
用了两年的flutter，有了一些心得，从今天开始陆续更新一些案例，不虚头巴脑，只求实战有用，以供学习或使用flutter的小伙伴参考，学习尚浅，如有不正确的地方还望各路大神指正，以免误人子弟，在此拜谢~（原创不易，转发请标注来源和作者）注意：无特殊说明，flutter版本为3.0+此文大部分代码内容来自 https://github.com/Im-Kevin/cool_ui，感谢大神指路，喜欢的可以去看源码，当然也有区别于原作者的实现，敬请关注。  &
Flutter TextFormField被包裹在SingleChildScrollView之后自动聚焦的问题
油焖茄子 的博客
06-14 1350
SingleChildScrollView是一个可滚动的容器，它将其子组件包裹在内，当子组件的内容超出了容器的可见区域时，可以通过滚动来显示隐藏部分。总之，要解决输入框总是获取焦点的问题，您需要检查您的代码和第三方库的文档，并确保只在必要的时候调用聚焦方法，并避免在输入框之外添加手势识别器。您的输入框可能被包含在始终获得焦点的组件中，例如可滚动视图。您可能使用了第三方输入框库，并且该库有一个自动聚焦的功能，您需要检查该库的文档以查看是否存在此类功能并禁止它。，以便用户可以在滚动视图中随时进行编辑。
Flutter组件学习（7）输入框TextField
小小苏的小小苏
06-05 2216
常用属性介绍 decoration 设置输入框的外观 InputDecoration，decoration里有常用的有如下属性： icon 设置icon labelText 输入框的介绍，当输入框获取焦点时默认会浮动到上方 labelStyle 设置labelText的样式 helperText 辅助文本，位于输入框下方，如果errorText不为空的话，则helperText不会出现 helperStyle 辅助文本样式 e...
Flutter TextField示例
海阔天空
07-04 580
Flutter TextField示例
使用TextInputLayout快速实现EditText 的 android:inputType="textPassword"模式下明文和密文
hzp_pengge的博客
08-23 5039
1.design包的下TextInputLayout当中有两个属性 app:passwordToggleEnabled="true"//EditText右边显示小眼睛 app:passwordToggleDrawable="@drawable/selector_pwd_type"//自定义小眼睛的样式（不自定义的话，显示系统自带的） 2.TextInputLayout包含EditTe...
代码改变EditText的password属性值
ting
12-15 1万+
很多登陆dialog都有显示密码的选项，效果如图：              不废话，看代码。 这是定义CheckBox的xml： <CheckBox android:id="@+id/sec_dialog_login_not_firstcheckBox" android:layout_width="wrap_content" a
Flutter 自定义键盘解决方案
weixin_34146986的博客
04-10 5540
Flutter 自定义键盘解决方案 前言: 目前Flutter官方是没有自定义键盘的解决方案 但是我们有时候需要用到它,比如金额键盘,安全密码键盘,各种自定义快速输入键盘 于是我便写了一个自定义键盘的插件,由于是通过拦截PlatformChannel实现的,所以可以无缝对接TextFiled等Flutter自带的输入框 GitHub链接 效果 使用方法: 安装依赖 dependencies: ...
flutter TextField 键盘弹出和隐藏,限制仅英文输入, 禁止联想输入
金鱼的博客
10-22 3684
var focusNode = FocusNode(); RegExp englishRegExp = RegExp(r'(^[a-zA-Z]*$)'); String inputText = ''; showKeyboard() { focusNode.requestFocus(); } dismissKeyboard() { focusNode.unfocus(); } getTextField() { var currentModel = currentItem(); ..
Flutter文本输入框TextField属性（InputDecoration、textInputAction、inputFormatters等等）详解
热门推荐
喻志强的博客
03-06 11万+
TextField 构造方法：
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组件将会自动获取焦点并弹出键盘。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值