首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何将flutter中的Textfield设置为仅接受从Flutter中的列表或变量指定的特定值

在Flutter中,要将TextField设置为仅接受特定值,可以使用TextEditingController来控制输入的值。以下是实现的步骤:

  1. 首先,创建一个TextEditingController对象,用于控制TextField的值:
代码语言:txt
复制
TextEditingController _controller = TextEditingController();
  1. 在TextField的controller属性中设置该TextEditingController对象:
代码语言:txt
复制
TextField(
  controller: _controller,
  // 其他属性...
)
  1. 创建一个列表或变量,包含允许的特定值:
代码语言:txt
复制
List<String> allowedValues = ['Value 1', 'Value 2', 'Value 3'];
  1. 在TextField的onChanged回调中,检查输入的值是否在允许的特定值列表中,如果不在则清空TextField的值:
代码语言:txt
复制
TextField(
  controller: _controller,
  onChanged: (value) {
    if (!allowedValues.contains(value)) {
      _controller.clear();
    }
  },
  // 其他属性...
)

通过以上步骤,TextField将只接受从列表或变量指定的特定值。如果输入的值不在允许的特定值列表中,TextField的值将被清空。

推荐的腾讯云相关产品:腾讯云移动开发平台(https://cloud.tencent.com/product/mpp)

请注意,以上答案仅供参考,具体实现方式可能因项目需求和个人偏好而有所不同。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Flutter】StatefulWidget 组件 ( Image 组件 | TextField 组件 )

文章目录 一、Image 组件 二、TextField 组件 三、 相关资源 一、Image 组件 ---- Image 组件有多个命名构造函数 , 可以 文件 / 内存 / 网络 / Assets...参数是点击索引 onTap: (index){ // 回调 StatefulWidget 组件 setState 设置状态方法 , 修改当前选中索引...// 可以自行查看 BoxDecoration 可以设置属性 decoration: BoxDecoration(color: Colors.white),...} } 运行效果展示 : 二、TextField 组件 ---- TextField 组件构造函数可选参数 : 下面代码可选参数就是 TextField 组件可以设置参数选项 ; class...参数是点击索引 onTap: (index){ // 回调 StatefulWidget 组件 setState 设置状态方法 , 修改当前选中索引

10.5K00

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

textAlign 文字起始位置,可根据业务光标居左/居右/居中等;注意只是文字开始方向;textDirection 问文字内容方向,左向右右向左; return TextField(style...maxLines 允许展现最大行数,在使用 maxLength 时内容超过一行不会自动换行,因为默认 maxLines=1,此时设置 null 固定展示行数即可自动换行;区别在于 null 会展示多行...inputFormatters 格式验证,例如原生 Android 通常会限制输入手机号其他特殊字符,在 Flutter 也可以借此来进行格式限制,包括正则表达式;使用时需要引入 package...WhitelistingTextInputFormatter 允许输入白名单字符;如 digitsOnly 支持数字 [0-9]; c....; dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter 在 MaterialApp 设置本地化代理和支持语言类型

4.7K51
  • Flutter | 常用组件

    0.0,// 禁用时阴影 ... } 复制代码 通过设置以上属性即可设置阴影,elevation 这个属性会在很多组件见到,都是用来控制阴影 图片 在 Flutter ,我们可以通过 Image...,使用 FadeInImage 之后会在图片加载过程显示一个占位符,在图片加载完成之后显示淡入 ICON 在 Flutter ,可以直接使用 字体图标,它是将图标做成字体文件,然后通过指定不同字符而现实不同图片...,设置激活状态颜色 宽高:Checkbox 无法自定义,Switch 只能定义宽度 Checkbox 有一个属性 tristate,表示是否三态,默认false,如果true 时,valude...不同是后者回调是 ValueChanged ,前者不接受参数 inputFormatters:用于指定输入格式,当输入内容改变时,会根据指定格式来校验 enable:若为...,//TODO 这里设置不生效,日后解决 表单 Form 在实际开发,在请求接口之前会对输入框数据进行校验,如果对每个 TextField 都进行校验会非常麻烦,为此,Flutter 提供了一个

    11.4K30

    Flutter完整开发实战详解(一、Dart语言和Flutter基础)

    DART,switch 支持 String 类型。 变量   Dart 不需要给变量设置 setter getter 方法, 这和 kotlin 等类似。...其中 const 在编译期确定,final 要到编译时才确定。(ps Flutter 在 Release 下是 AOT 模式。)   Dart 下数值,在作为字符串使用时,是需要显式指定。..."999" 表示如果 AA 空,返回99;AA ??= "999" 表示如果 AA 空,给 AA 设置成 99。   Dart 方法可以设置 参数默认指定名称 。...而变量初始化时,只需要通过 this.name 在构造方法中指定即可: class ModelA { String name; String tag; //默认构造方法,赋值给name...如果觉得默认换行线太短,可以在设置-Editor-Code Style-Dart-Wrapping and Braces-Hard wrap at 设置接受数值。

    3.6K30

    2022-01-11: flutter weekly第2期

    每周分享全球精彩文章、教程、插件和视频,如果您觉得有用,请不要吝啬您掌声、评论、赞赏任何其他您想给予认可。 如果你有任何关于 Flutter Dart 消息想要我分享,请联系我。...Abhay Sood 介绍了他们如何将 Flutter 引入他们技术栈,以及他们如何设法降低内部使用 Flutter 门槛。...Anthony Oleinik 我们提供了 Flutter 众多状态管理解决方案。...utm_source=fluttertap Styling parts of a TextField. TextField 文本赋予不同样式有趣解决方案。...厌倦了简单数据类编写繁琐样板文件?试试 Freezed,一个 Dart 代码生成包,可以加速你开发。 地址:https://www.youtube.com/watch?

    41520

    Flutter完整开发实战详解(一、Dart语言和Flutter基础)

    DART,switch 支持 String 类型。 变量   Dart 不需要给变量设置 setter getter 方法, 这和 kotlin 等类似。...其中 const 在编译期确定,final 要到编译时才确定。(ps Flutter 在 Release 下是 AOT 模式。)   Dart 下数值,在作为字符串使用时,是需要显式指定。..."999" 表示如果 AA 空,返回99;AA ??= "999" 表示如果 AA 空,给 AA 设置成 99。   Dart 方法可以设置 参数默认指定名称 。...而变量初始化时,只需要通过 this.name 在构造方法中指定即可: class ModelA { String name; String tag; //默认构造方法,赋值给name...如果觉得默认换行线太短,可以在设置-Editor-Code Style-Dart-Wrapping and Braces-Hard wrap at 设置接受数值。

    2K30

    TensorFlow Lite,ML Kit 和 Flutter 移动深度学习:1~5

    我们将其存储在名为smileProbablity变量,然后使用print()将其打印到控制台。 最后,我们将全局faces列表设置detectedFaces。...最初,我们将两个boolean变量设置false。 transcription是一个字符串变量,将用于存储已监听字符串。...我们将返回存储在变量图像。 如果调用返回null,则由于无法对null执行进一步操作,因此我们返回了该调用。...全局列表并将其状态设置recognitions存储,以便可以更新 UI 结果正确。...我们将它们附加到resString字符串变量,该变量将包含所有预测字幕以及概率。 最后,我们将resultText状态设置resString存储

    18.6K10

    如何使用 Flutter 创建桌面应用程序

    特定于平台 API 支持一种目标操作系统。例如,Cocoa API 提供了用于 macOS 平台开发桌面应用程序接口。...如今,跨平台开发框架流行原因如下: 开发人员可以为多个平台维护一个单一代码库,因为跨平台框架 API 特定于平台 API 提供了很好抽象 快速功能交付,意味着无需通过编写特定于平台代码不同操作系统实现相同功能...使用 Flutter 开发桌面应用程序 在本教程,我将展示如何使用 Flutter 制作一个简单跨平台桌面应用程序。...本机窗口将根据当前操作系统和系统主题配置进行样式设置Flutter“Hello World”应用在调试模式下截图 调试 Flutter 应用 Flutter 开发环境支持热重载功能。...也可以看我另一篇文章,我在里面详细说明了如何将flutter应用部署到 Windows 上,也就是打包成exe可执行文件。

    4.5K20

    Flutter构建布局 顶

    使用其color属性设置图标的颜色。 使用文本style属性来设置字体,颜色,重量等等。 列和行属性允许您指定他们孩子如何垂直水平对齐,以及儿童应该占据多少空间。...行和列是两种最常用布局模式。 行和列分别获取子窗口小部件列表。 子小部件本身可以是行,列其他复杂小部件。 您可以指定列如何在垂直和水平方向上对齐其子项。 您可以拉伸限制特定子部件。...允许你指定一个tile最大像素宽度 注意:显示二维列表时,重要是单元格占用哪一行和一列(例如,它是“avocado”行“calorie”列条目),请使用TableDataTable。...例如,将标高设置24.0,将卡片视觉上抬离表面并使阴影变得更加分散。 有关支持高程列表,请参见材料准则高程和阴影。 指定不支持将完全禁用投影。...处理Flutter盒子约束:讨论小部件如何受其渲染框限制。 在Flutter添加资产和图像:说明如何将图像和其他资源添加到应用程序包

    43.1K10

    Flutter 3.3更新详解

    Flutter 3 是我们正式全平台提供支持一个重量级里程碑,距离它发布过去了三个月,今天让我们有请 Flutter 3.3 正式版!...Flutter 不仅提供了更丰富且顺滑控制,同时也减少了几种特定情况误触。若你想了解误触示例,你可以查看 Flutter 实用教程 页面。...将模拟手势事件进行了下发 Flutter 3.3 开始,使用触控板滚动会正确地滚动列表,因为 Flutter 会传递「滚动」事件,卡片不会识别这些事件,而列表会进行对应处理 想了解更多信息,请访问...它有助于当你应用推送了更新时,在应用用户提供应用更新功能。 想要了解更多关于设置 Windows 桌面应用版本内容,请查看 文档。...在未来,引擎 FragmentProgram API 可能只能接受来自 Flutter 工具构建。

    2.9K20

    Flutter学习

    ,里面RowColumn所占用空间实际大小 Stack类似FrameLayout很像,都是可以叠加现实View flutter默认组件尺寸单位都是dp double.infinity,可以使宽度占用尽可能多空间...在Flutter,导航器管理应用程序路由栈。将路由推入(push)到导航器,将会显示更新该路由页面。 导航器栈中弹出(pop)路由,将显示返回到前一个路由。...这意味着你不能从该线程访问变量通过调用setState来更新你UI。...可以Native层调用flutterdart代码,也可以在flutter层调用Native代码,而作为通讯桥梁就是MethodChannel,这个类在初始化时候需要注册一个渠道。...如何使用原生控件组件 Flutter代码通常涉及构建相当深树状数据结构,例如在一个build方法

    2.6K20

    输入和选择

    在前面的文章我们学习了Flutter事件处理,包括组件单击、双击、长按、滑动等。想必大家多其已经有了一定认识。 那么,这节我们主要介绍下Flutter输入和选择组件用法。...TextField 顾名思义文本输入框,类似于IosUITextField和AndroidEditText。主要是用户提供输入文本提供方便。...相信大家在原生客户端上都用过这个功能,就不在做具体介绍了,接下来还是具体介绍下FlutterTextField用法。...我们增加一个keyboardType属性,把keyboardType设置TextInputType.number ?...当然Flutter我们内置了多个相关Widget,例如: CheckboxListTile、RadioListTile、SwitchListTile,当然这些Widget用法类似于前面我们说过

    2.4K20

    Flutter】Dart 泛型 ( 泛型类 | 泛型方法 | 特定类型约束泛型 )

    接口 , 方法 提供复用性 , 支持类型不确定数据类型 ; 泛型类 : 提高代码复用程度 ; 泛型方法 : 参数返回有泛型类型约束 , 参数返回类型必须符合对应泛型类型 , 泛型使用时会进行类型检查约束..., 获取缓存内容 18 二、Dart 泛型特定类型约束 ---- 泛型还可以进行特定类型约束 , 如指定该泛型类型必须是某个类子类 , 使用 约束该泛型必须是某个类子类...; 泛型类示例代码 : /// 泛型特定类型约束 /// 将泛型约束某个类型子类 class Member{ T _person; /// 构造函数设置...} 是可选参数, 可选参数必须在构造函数参数列表中最后一个 /// /// 默认参数 : 可选参数如果用户不初始化该可选参数 , 那么指定一个默认 /// {this.city =..."北京"} 指定了如果用户不初始化 city 变量, 那么其初始化 "北京" 字符串 /// /// 初始化列表 : 冒号后面的内容就是初始化列表 /// 父类构造器也是初始化列表

    5.2K00

    【老孟FlutterFlutter 2 新增功能

    在尝试使用Flutter桌面Beta时,您可以通过按预期方式切换到Beta通道并根据flutter.dev上指导目标平台设置配置标志来访问它。此外,我们还制作了稳定通道上可用beta比特快照。...此功能称为Add-to-App,是在两个移动平台上重用Flutter代码同时仍保留现有本机代码库绝佳方法。但是,对于您那些人,我们有时会听到,不清楚如何将第一个屏幕集成到Flutter。...Studio CodeFlutter扩展也对Flutter 2进行了改进,许多测试增强功能开始,包括重新运行失败测试功能。...v3.19 Visual Studio代码插件v3.20 DartPad已更新支持Flutter 2 如果不提及DartPad,则该工具更新列表将不完整,而DartPad已更新支持Flutter...删除nullOk参数,并使其返回不可为空 68911添加maybeLocaleOf到本地化 68736在Media.queryOf删除nullOK 68917Focus.of,FocusTraversalOrder.of

    7.9K20

    Flutter』警告修复 & 常用组件 TextField

    Flutter』常用组件 TextField1.前言经过上一篇文章介绍,给大家讲述了 Flutter 有无状态组件,以及有状态组件使用方法,本文将继续围绕着 Flutter 中常用组件来讲述一下...本次要讲述组件有:TextField2.TextField2.1.介绍Flutter TextField 组件是一个用于文本输入基础组件,它提供了用户输入文本界面。...decoration:类型 InputDecoration,用于定制 TextField 外观,如提示文本、标签、边框等。keyboardType:用于指定键盘类型,例如数字键盘、邮箱键盘等。...enabled:一个布尔,用于控制 TextField 是否启用。...3.参考资料https://api.flutter.dev/flutter/material/TextField-class.htmlEnd如果您对本文有任何疑问想法,请在评论区留言,我将很乐意与您交流

    44211

    Flutter》-- 4.Flutter组件基础

    Flutter真正代表屏幕显示元素类是Element。 在大多数场景下,可以宽泛地认为Widget树就是指UI组件树UI渲染树。...对于无状态组件内部属性,为了防止内部成员变量被改变,需要使用final修饰符进行修饰。 创建无状态组件,需要继承StatelessWidget,并重写build()。...6)elevation:控制下方阴影栏坐标。 7)backgroundColor:导航栏颜色,默认ThemeData.primarycolor(主题颜色)。...3)销毁阶段 deactivate():当组件可见状态发生变化时,deactivate()会被调用,此时状态组件会被暂时视图树移除。...keyboardType:用于设置该输入框默认键盘输入类型。 textInputAction:回车键动作按钮图标。 style:输入框样式。

    12.5K30

    setState

    } 类设置初始变量 class _TodoListState extends State { var todo = {};//列表数据 var...text;//当前输入文字 var showType = ShowType.all;//显示类型 } ---- 1.4:根据数据形成列表 注意:如何Map获取对应索引处键,。...:鸟瞰全局 这里状态有点乱,我画了幅图说明一下: 状态量有三个:text 输入框文字,todo列表数据,showType展现类型 1.输入框通过监听,改变text 2.在添加按钮点击时,将加入到状态...todo 3.todo用来渲染Todo列表,根据key和value展现数据和复选框状态 4.复选框通过点击,改变todo状态,来显示对勾以及文字下划线 5.根据showType不同,选择过滤方式...." ---- 结语 本文到此接近尾声了,如果想快速尝鲜Flutter,《Flutter七日》会是你必备佳品;如果想细细探究它,那就跟随我脚步,完成一次Flutter之旅。

    94830

    使用Burp拦截Flutter App与其后端通信

    TL;DR Flutter使用Dart编写,因此它不会使用系统CA存储 Dart使用编译到应用程序CA列表 Dart在Android上不支持代理,因此请使用带有iptablesProxyDroid...- findProxy文档 应用程序可以将此属性设置HttpClient.findProxyFromEnvironment,它会搜索特定环境变量,例如http_proxy和https_proxy。...这很奇怪,因为我设备被设置将我Burp证书包含受信任根证书。...如果此函数检查失败,则它通过OPENSSL_PUT_ERROR报告问题,但它没有像ssl_verify_peer_cert函数那样问题。...一种方法是定义一个包含特定证书新SecurityContext。 对于我应用程序,我添加了以下代码让它只接受Burp证书。

    2.7K00

    setState

    用一个Map盛放文字和是否选中 var todo = {}; 定义一个状态枚举 enum ShowType { all, todo, done } 类设置初始变量...;//显示类型 } ---- 1.4:根据数据形成列表 注意:如何Map获取对应索引处键,。...状态量有三个:text 输入框文字,todo列表数据,showType展现类型 1.输入框通过监听,改变text 2.在添加按钮点击时,将加入到状态todo 3.todo用来渲染Todo列表...结语 本文到此接近尾声了,如果想快速尝鲜Flutter,《Flutter七日》会是你必备佳品;如果想细细探究它,那就跟随我脚步,完成一次Flutter之旅。...另外本人有一个Flutter微信交流群,欢迎小伙伴加入,共同探讨Flutter问题,本人微信号:zdl1994328,期待与你交流与切磋。

    95720

    Flutter 专题】07 您搭好【登录】页面了么?

    和尚最近在利用业余时间学习 Flutter,还真的是值得研究。和尚觉得学习一门技术最好方式就是动手,在实践过程结合官网文档才能更快学习和理解。...因为和尚技术太差,花了很久才搭建了一个最简单【登录】页面,对于同一个页面,搭建方式千差万别,和尚方式也绝非最佳,现在结合这个基本【登录】页面记录整理一下遇到问题。...Flutter 引用图片有四种方式,和尚认为目前用较多 网络图片 和 Assets 图片,引用网络图片方式也很简单,如下: new Image.network( 'http://XXX.jpg...对于文本输入框明文显示密码显示,主要通过 obscureText: true, 属性,当该属性 true 时密码隐文展示; ? 3....Flutter ' , ' 类似于 Java ' ; ' 建议编辑完一个属性后添加 ' , ' 而且 Flutter 很贴心地方是默认后面会有提示,对应 ' ) ' 级别,方便修改时候查找

    1.2K41
    领券