开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter keyboardType:TextInputType.number不能与TextEditingController一起使用

Flutter中的keyboardType属性用于指定文本输入框的键盘类型，而TextEditingController是用于控制文本输入框内容的控制器。根据官方文档，keyboardType属性和TextEditingController一起使用时可能会导致一些问题。

具体来说，当keyboardType属性设置为TextInputType.number时，文本输入框将只允许输入数字。而TextEditingController是用于监听和控制文本输入框内容的，它可以接收任何类型的输入。因此，如果同时使用keyboardType属性和TextEditingController，用户可能会输入非数字字符，导致不一致的输入。

为了解决这个问题，可以使用其他方法来限制文本输入框的输入类型，而不是依赖于keyboardType属性。例如，可以使用输入过滤器或正则表达式来限制输入的字符类型。Flutter提供了一些库和插件，如flutter_masked_text和flutter_form_builder，可以帮助实现这些功能。

总结起来，当需要限制文本输入框只能输入数字时，不建议同时使用keyboardType属性和TextEditingController。可以使用其他方法来实现输入限制，以确保输入的一致性和准确性。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
腾讯云云原生应用引擎：https://cloud.tencent.com/product/nae
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维：https://cloud.tencent.com/product/cvm
腾讯云音视频处理：https://cloud.tencent.com/product/mps
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网平台：https://cloud.tencent.com/product/iot
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙：https://cloud.tencent.com/product/mu

相关搜索:Flutter setstate()不能与sleep()一起使用 Xcode不能与FLUTTER_BUILD_NAME一起使用 Url启动器不能与MissingPluginException Flutter一起使用为什么Flutter Navigator 2.0API不能与flutter_bloc一起使用？Flutter json_serializable 5.0.0不能与auto_route一起使用 liveQuery -解析服务器软件开发工具包- IncludeObject不能与Flutter一起使用服务器管理员帐号服务器各自优势服务器数据传输量服务器i/o系统

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Flutter TextField（输入控件）

2、普通输入文本最简易的TextFeild不包含提示文本。...3、包含提示文案的输入文本 new TextField( keyboardType: TextInputType.number, decoration...4、登录示例 import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; class TextFieldDemo...phoneController = TextEditingController(); //密码的控制器 TextEditingController passController = TextEditingController...示例 TextField( keyboardType: TextInputType.number, ), 5.2 textCapitalization 字母大写 TextField提供了一些有关如何使用户输入中的字母大写的选项

3.3K2 0

flutter 输入框组件TextField的实现代码

然后我们试一下它的属性 TextField( keyboardType: TextInputType.number, decoration: InputDecoration(...属性，把keyboardType设置为TextInputType.number 可以看到每次我们让TextField获得焦点的时候弹出的键盘就变成了数字优先了。...phoneController = TextEditingController(); //密码的控制器 TextEditingController passController = TextEditingController...使用decoration美化输入框先看一下效果： ?...TextField( keyboardType: TextInputType.number, ), 类型是： TextInputType.text（普通完整键盘） TextInputType.number

4.8K1 1

flutter自定义弹窗_app加弹窗

一.Flutter toast库配置,可参考fluttertoast配置引用 1.在pubspec.yaml中配置fluttertoast库，通过Pub get 获取fluttertoast的版本，通过...text1 = TextEditingController(text: "0"); final TextEditingController text2 = TextEditingController(...: TextInputType.number, decoration: const InputDecoration(hintText: "Please Enter Number one"), controller...: text1, ), TextField( keyboardType: TextInputType.number, decoration: const InputDecoration(hintText...本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

2K2 0

Flutter组件学习（三）—— 输入框TextFiled

序言 Google 前两天发布了 Flutter 1.0 正式版本，正式版发布之后，LZ身边越来越多的人都开始入坑了，不得不说 Flutter 框架的魅力还是很吸引人的哈，所以我们更要抓紧学习了；之前我写了两篇文章来介绍...Flutter中的Text组件和 Flutter中的Image组件，今天我们继续学习输入框 TextFiled 组件，话不多说，先上图： image TextFiled组件的API 先来看一下TextFiled...1TextEditingController _textEditingController = new TextEditingController(); 2 3new TextField( 4...controller: _textEditingController, 5), 6new RaisedButton( 7 onPressed: () { 8 print(_textEditingController.text...: TextInputType.number, 3) 5、obscureText 这个属性用来控制显示隐藏用户输入的内容（密文/明文显示）。

2.6K5 0

输入和选择

我们增加一个keyboardType属性，把keyboardType设置为TextInputType.number ?...new TextField(keyboardType: TextInputType.number, decoration: new InputDecoration( contentPadding: const..._userNameController = new TextEditingController(); //密码输入框的控制器 TextEditingController _userPasswordController...在逻辑上，每当我们点击下面的按钮都会判断用户名密码是否是flyou和admin，并且使用控制器清空已经输入的用户名和密码。...更多相关Widget 在上面我们分别介绍了，CheckBox、Radio、Switch、的用法，但是这些组件一般不是单独使用的，一般会和Text、Icon或者其他的Widget结合使用。

2.4K2 0

【Flutter 专题】64 图解基本 TextField 文本输入框 (一)

: TextInputType.number); return TextField(keyboardType: TextInputType.emailAddress); ?...inputFormatters 为格式验证，例如原生 Android 中通常会限制输入手机号或其他特殊字符，在 Flutter 中也可以借此来进行格式限制，包括正则表达式；使用时需要引入 package...controller 文本控制器，监听输入内容回调； TextEditingController controller = TextEditingController(); @override void...； dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter 在 MaterialApp 中设置本地化代理和支持的语言类型...使用 maxLength 时如何取消文本框右下角字符计数器？

4.7K5 1

Flutter 入门指北之输入处理(登录界面实战)

判断当前输入框是否获取到焦点等操作 this.decoration = const InputDecoration(), // 输入框样式，包括提醒字样，hint 等等 TextInputType keyboardType...helperText: '手机号', hintText: '手机号...在这儿输入呢'), keyboardType...: TextInputType.number, // 输入类型为数字类型 textInputAction: TextInputAction.done...导入第三方插件其实 Flutter 中缺少很多功能，需要通过导入第三方插件来实现功能，插件就是 Flutter 和原生交互的桥梁，也就是说，要写 Flutter 的插件，需要写 Android 和 iOS..._usernameController = TextEditingController(); TextEditingController _passwordController = TextEditingController

1.9K5 0

Flutter 数据持久化存储之Hive库

Flutter 数据持久化存储之Hive库前言正文一、配置项目二、UI ① 增加UI ② 显示和删除UI 三、使用Hive ① 初始化Hive ② TypeAdapter自定义对象 ③ 注册TypeAdapter...SQLite数据库：可以使用sqflite插件在Flutter应用中使用SQLite数据库。SQLite是一种轻量级的关系型数据库，适合于需要存储结构化数据，并进行高效查询的场景。...NoSQL数据库：一些Flutter插件（如moor）也提供了对NoSQL数据库的支持，比如使用对象数据库（如Hive）来存储数据。...height: 44, child: TextField( textInputAction: TextInputAction.none, keyboardType...① 初始化Hive 在Flutter中使用Hive，我们需要在main()函数中进行初始化，注意导包语句： import 'package:hive_flutter/hive_flutter.dart

3220 0

Flutter lesson 8:输入框,时间日期选择

选择时间日期还是挺简单的，不过需要注意的是 flutter: 选择的日期是：2019-07-30 00:00:00.000 flutter: 选择的时间是：TimeOfDay(21:34) 两个方法选择时间...const TextField({ Key key, this.controller, //编辑框的控制器，跟文本框的交互一般都通过该属性完成，如果不创建的话默认会自动创建 this.focusNode...this.expands = false, this.maxLength, //能输入的最大字符个数 this.maxLengthEnforced = true, //配合maxLength一起使用...; @override Widget build(BuildContext context) { TextEditingController controller = TextEditingController...最近工作有点忙，加上要准备自考了，没有太多时间来写博客写文章，或者说很多东西可能没有涉及到，讲的不是很清楚，欢迎在下方留言，有时间我们一起探讨。

4.7K2 0

Flutter开发中的一些Tips

我们在Flutter中常使用的BottomNavigationBar 和 AppBar 其实就在内部处理了此类问题。...TextInputType.number在IOS中弹起的键盘没有小数点符号。...6.keyboardType ---- keyboardType属性主要含义为弹起的键盘类型，并不代表输入数据的类型。...Flutter中并没有后者，所以可能一开始你是TextInputType.number，但是在输入法中切换成中文键盘，一样可以输入中文字符。...缺点就是此插件后续的更新无法使用）手动修改插件的冲突，因为Flutter插件的代码是可以直接修改的，所以你可以手动修改掉这些冲突，统一插件的版本（优点就是可以使用最新的版本。

2.1K3 0

【Flutter 专题】08 小小优化【登录】页面

( child: new TextField( controller: _phonecontroller, keyboardType...优化三：调整键盘弹出样式设置文本框 TextField 中 keyboardType: TextInputType.phone, Flutter 提供了多种弹出键盘的方式：text/datetime...相关注意 Flutter 提供了很多便利的小图标，使用起来非常方便，和尚但就一个小【×】找到了好几个类似的图，希望可以多多尝试，体验一下。..._phonecontroller = new TextEditingController(); TextEditingController _pwdcontroller = new TextEditingController...TextField( controller: _phonecontroller, keyboardType

1.5K5 1

Flutter TextField详解

键盘类型键盘类型即可输入的类型，比如number就只能输入数字 TextField( keyboardType: TextInputType.number...即控制器，初始化： var controller; @override void initState() { super.initState(); controller = TextEditingController...regExp.hasMatch(value)) { return "手机号格式不正确"; } return null; } 以上只是我们一般的校验，表单的话还是建议使用...总结以上就是全部介绍了，然后写了个登录注册的小demo： github：https://github.com/yechaoa/wanandroid_flutter 官方文档：https://api.flutter.dev.../flutter/material/TextField-class.html

4.2K4 0

Flutter+Dart聊天实例|flutter仿微信聊天|红包|朋友圈

/a/1190000022483730 flutter图标Icon及自定义IconData组件 flutter中自带图标使用非常简单 Icon(Icons.search) 可是如果想要自定义图标，如使用阿里图标...，可在外层加个Container容器限制最小高度，然后设置 maxLines: null keyboardType: TextInputType.multiline Container( margin...BoxConstraints(minHeight: 30.0, maxHeight: 150.0), child: TextField( maxLines: null, keyboardType..., border: OutlineInputBorder(borderSide: BorderSide.none) ), controller: _textEditingController...; }); }, onTap: () {handleEditorTaped();}, ), ), 表情使用的是emoj表情符，当然也可以使用图片表情

6.8K3 1

Flutter | 常用组件

中使用字体需要两个步骤，首先是在 pubspec.yaml文件中声明，然后通过 textStyle 属性使用字体 flutter: fonts: - family: Raleway...3，可以应用文本样式，可以像文本一样改变字体图标颜色，大小对齐等 4，可以通过 TextSpan 和文本混用使用 Material Design 字体图标 Flutter 默认包含了一套 Material...，但这种需要提供每个图标的码点，这点对开发者并不友好，所以 Flutter 封装了 IconData 和 Icon 来专门显示字体图标，上面栗子可使用如下方式实现 Row( mainAxisAlignment...，//TODO 这里设置的不生效，日后解决表单 Form 在实际开发中，在请求接口之前会对输入框中的数据进行校验，如果对每个 TextField 都进行校验会非常麻烦，为此，Flutter 提供了一个...}) 复制代码为了方便使用，Flutter 提供了一个 TextFormField 组件，他继承自 FormField 类，也是一个包装类，所以除了 FormField 之后，它还包括 TextField

11.4K3 0

Flutter跨平台移动端开发丨Text、Button、Image、Switch、Checkbox、TextField

Image Widget（图片） Switch and Checkbox（开关按钮及复选框） TextField Widget（输入框） ---- Text Widget（文本）文字类信息展示都是使用...NetworkImage：从网络记载图片的 ImageProvider AssetImage（加载本地图片）工程根目录下创建文件夹 images 存放图片文件在 pubspec.yaml 文件中 flutter...部分添加图片注册信息 flutter: # The following line ensures that the Material Icons font is # included with...= keyboardType ??..._accountController = new TextEditingController(); // 密码输入框控制器 TextEditingController _passwordController

2.5K4 0

setState

---- 0.2：要说的话注意:本篇是对状态最基本的使用。虽然比较糙，但是并不代表不重要后面两篇是基于此篇的优化，所以这篇一定要看懂,才能跟上我的思维。...var textField = TextField( controller: new TextEditingController(text: this.text), keyboardType:...然而你还不得不一直面对她,问了你一句为什么这么傻，你含着泪说:"又不是不..."...结语本文到此接近尾声了，如果想快速尝鲜Flutter，《Flutter七日》会是你的必备佳品;如果想细细探究它,那就跟随我的脚步，完成一次Flutter之旅。...另外本人有一个Flutter微信交流群，欢迎小伙伴加入，共同探讨Flutter的问题，本人微信号:zdl1994328，期待与你的交流与切磋。

9572 0

setState

一个产品有四层境界 1.造都造不出来 2.它又不是不能用 <---- 3.用的时候大家都不说话 4.如丝般顺滑，易拓展,易修改，易复用 ---- 0.2：要说的话注意:本篇是对状态最基本的使用...var textField = TextField( controller: new TextEditingController(text: this.text), keyboardType:...然而你还不得不一直面对她,问了你一句为什么这么傻，你含着泪说:"又不是不..." ---- 结语本文到此接近尾声了，如果想快速尝鲜Flutter，《Flutter七日》会是你的必备佳品;如果想细细探究它...,那就跟随我的脚步，完成一次Flutter之旅。...另外本人有一个Flutter微信交流群，欢迎小伙伴加入，共同探讨Flutter的问题，本人微信号:zdl1994328，期待与你的交流与切磋。

9483 0

Flutter第4天--基础控件(下)+Flex布局详解

Flutter七日游第四天：2018-12-19 天气：晴朗零、前言最近有些人问我怎么学的,操作这么6，有没有什么技巧。...图片的使用.png ---- 1.1源码一览：下面是我从源码里翻译的，仅供参考 const Image({ Key key, ImageProvider @required...,----TextEditingController this.focusNode, this.decoration = const InputDecoration(), TextInputType...TextField测试.png var textField = TextField( keyboardType: TextInputType.number, textAlign: TextAlign.center...如果是主轴水平向的,主轴行为就在水平方向进行，也就是：Row 如果是主轴纵向的,主轴行为就在竖直方向进行，也就是：Column 6.Expanded与Flex的搭配 Expanded，它能与

2.2K3 0

Flutter下实现低延迟的跨平台RTSPRTMP播放

为什么要用Flutter？ Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。...在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。 Flutter有哪些与众不同 1....Flutter Engine使用C/C++编写，具有低延迟输入和高帧速率的特点，不像Unity3d一样，我们是回调YUV/RGB数据，在Unity3d里面绘制，Flutter直接调用native SDK...playback_url_controller_ = TextEditingController(); //Event事件回调显示 TextEditingController event_controller...rotate_degrees_) { print("旋转270度"); } else if (270 == rotate_degrees_) { print("不旋转

4.8K0 0

setState

对我而言，一个产品有四层境界 1.造都造不出来 2.它又不是不能用 <---- 3.用的时候大家都不说话 4.如丝般顺滑，易拓展,易修改，易复用 0.2：要说的话注意:本篇是对状态最基本的使用...import 'package:flutter/material.dart'; class TodoList extends StatefulWidget { @override _TodoListState...var textField = TextField( controller: new TextEditingController(text: this.text), keyboardType:...代码全览 import 'package:flutter/material.dart'; class TodoList extends StatefulWidget { @override _...然而你还不得不一直面对她,问了你一句为什么这么傻，你含着泪说:"又不是不..."

1.4K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭