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

我正在使用Flutter文本字段(不是文本表单字段)制作温度转换器应用程序,我需要限制多个点和多个符号(+ - )?

在Flutter中,你可以使用TextField小部件来创建文本字段。要限制输入的内容,你可以使用输入格式化程序(input formatters)来实现。

对于温度转换器应用程序,你可以使用TextInputFormatter来限制输入的内容。以下是一个示例代码,演示如何使用TextInputFormatter来限制输入的内容为数字、小数点和加减号:

代码语言:txt
复制
TextField(
  inputFormatters: [
    FilteringTextInputFormatter.allow(RegExp(r'[0-9\.\-]')),
  ],
)

在上面的代码中,使用了FilteringTextInputFormatter.allow来允许输入满足正则表达式[0-9\.\-]的字符。其中,[0-9]表示数字,\.表示小数点,\-表示减号。这样,用户只能输入数字、小数点和减号。

关于Flutter的TextField和TextInputFormatter的更多信息,你可以参考腾讯云的Flutter开发文档:

希望这个答案能够帮助到你!如果你有任何其他问题,请随时提问。

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

相关·内容

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

例如,Cocoa API 提供了用于为 macOS 平台开发桌面应用程序的接口。另一方面,跨平台 API 允许开发人员使用单个通用 API 为多个操作系统制作桌面应用程序。...,因此可以有效地交付新功能 在本文中,将解释如何使用 Flutter 创建、构建和发布原生跨平台桌面应用程序。...我们还将讨论 Flutter 受欢迎的原因。 什么是FlutterFlutter 是一个跨平台的应用程序开发框架,我们可以使用它为多个平台构建本地编译的应用程序:移动、桌面 Web。...使用 Flutter 开发桌面应用程序 在本教程中,将展示如何使用 Flutter 制作一个简单的跨平台桌面应用程序。...实现跨平台桌面应用程序 让我们用 Flutter 实现一个小的跨平台桌面应用程序。我们将制作一个名为“TextPad”的小型文本编辑器应用程序

4.4K20

Flutter 使用 GetX 对话框

他们帮助传递警告重要信息,以及做具体的活动。当 Flutter 开发人员在 Flutter 制作一个对话框时,它利用上下文生成器制作一个对话框。...我们使用了 GetMaterialApp 而不是 MaterialApp,因为我们正在使用 GetX 库构建应用程序。...您还可以使用 GetX 提供的不同选项对其进行自定义。我们将添加标题,中间文本,背景颜色,标题样式,中间文本样式半径。...这是使用 GetX 进行用户交互的对话框的一个小小介绍,它正在使用 Flutter 工作。 希望这个博客将提供您充分的信息,尝试在您的 Flutter 项目使用 GetX 对话框。...使用 GetX 插件制作一个工作对话框的演示程序。在本博客中,我们已经研究了 flutter 应用程序使用 GetX 的对话框。希望这个博客能帮助你更好地理解这个对话框。所以请尝试一下。----

15010

Flutter的第一次失望

(添加了重点) 当前,对于需要应用程序中进行低级文本渲染的我们当中,Flutter不是最好的开发平台。 用例 您可能会说Flutter已经提供了TextRichText小部件。...但是,存在使用较低级别的文本呈现工具的用例。 蒙文 的用例是布局并渲染传统的蒙古文字,该文字垂直书写,并从左到右换行。英语是侧身书写,但CJK表情符号字符应保持其正常方向。...有一些使用小部件组合的“解决方案”,但是当您添加文本样式的需要时(例如通过在文本的右侧绘制一条垂直线来“下划线”),一种更可靠的解决方案是处理所有文本手工测量,布置绘画。已经开始在这里工作了。...文字围绕排除路径流动 这在iOS中可用,但在Flutter中不可用。而且没有简单的方法可以自己实现。 结论 不是想说服任何人不要使用Flutter。...还是很喜欢再也不想回到为不同平台构建同一应用程序的多次了。 在撰写本文时,希望有人会说:“不,你错了。如果您这样做,那么您将可以使用低级文本呈现工具。”

2.6K30

Flutter常见开发问题

它具有文本等属性,可让您向按钮添加文本。但是 Flutter 中的按钮不是将标题作为字符串,而是另一个小部件。...这意味着**在按钮内你可以有文本、图像、图标几乎任何你可以想象的东西,**而不会打破布局限制。这也让您可以非常轻松地制作自定义小部件,而在 Android 中制作自定义视图是一件相当困难的事情。...拖拽不是比在代码中制作布局更容易吗? 在某些方面,确实如此。但是 Flutter 社区中的很多人更喜欢代码方式,但这并不意味着无法实现拖拽。...在构建应用程序时,它不是使用特定资源,而是实质上需要所有资源。为什么这有帮助?因为如果将一个图标从一个更改为另一个,则不必完全重建应用程序。这就是 Flutter调试构建如此庞大的原因。...为什么第一个 Flutter 应用构建需要这么长时间? 首次构建 Flutter 应用程序时,会构建特定于设备的 APK 或 IPA 文件。因此,使用 Gradle XCode 构建文件需要时间。

6.8K30

Flutter常见开发问题

它具有文本等属性,可让您向按钮添加文本。但是 Flutter 中的按钮不是将标题作为字符串,而是另一个小部件。...这意味着**在按钮内你可以有文本、图像、图标几乎任何你可以想象的东西,**而不会打破布局限制。这也让您可以非常轻松地制作自定义小部件,而在 Android 中制作自定义视图是一件相当困难的事情。...拖拽不是比在代码中制作布局更容易吗? 在某些方面,确实如此。但是 Flutter 社区中的很多人更喜欢代码方式,但这并不意味着无法实现拖拽。...在构建应用程序时,它不是使用特定资源,而是实质上需要所有资源。为什么这有帮助?因为如果将一个图标从一个更改为另一个,则不必完全重建应用程序。这就是 Flutter调试构建如此庞大的原因。...为什么第一个 Flutter 应用构建需要这么长时间? 首次构建 Flutter 应用程序时,会构建特定于设备的 APK 或 IPA 文件。因此,使用 Gradle XCode 构建文件需要时间。

6.7K20

HTML 表单和约束验证的完整指南

在本文中,我们将研究 HTML 表单字段 HTML5 提供的验证选项。我们还将研究如何通过使用 CSS JavaScript 来增强这些功能。 什么是约束验证? 每个表单域都有一个目的。...例如,一个email字段需要一个有效的电子邮件地址;一个password字段可能需要某些类型的字符,并且有最少数量的必需字符;并且文本字段可能对可以输入的字符数有限制。...任何知道如何打开浏览器开发工具的人也可以绕过您精心制作的 HTML JavaScript。...标准控件难以设计风格 CSS 样式是有限的,通常需要技巧,例如用标签::before::after伪元素覆盖输入。情况正在改善,但质疑任何将形式置于功能之上的设计。 2....如有必要,使用 JavaScript 来启用自定义验证消息。 对于更复杂的字段,逐步增强标准输入。 最后:忘记 Internet Explorer!

8.3K40

用户不填表?那是因为你没用好这7个设计准则

最低/最高区间的选择可考虑使用滑块交互 如果是在一个区间去选择选项可考虑使用滑块方式,用户只需要在一个设定的最低最高值之间移动滑块就可以,传统下拉菜单相比大大地降低了输入成本。...占位符文本默认情况下显示,但一旦一个输入字段被窃听输入文本占位符文本淡出顶部对齐的标签的动画。...原则 5:匹配的键盘与所需的文本输入框 用户认识到,提供适当的键盘用于文本输入的应用程序。例如,当用户需要输入信用卡号码,只显示拨号盘,其输入限制到数字不字符。...这将减少他们的选择错误,并加速完成。 ? 确保这是整个应用程序,而不是只针对某些任务而不是其他一致的实现。...如果正在要求用户输入的数字信息(诸如电话号码)转换成一种形式,是柔性的,设计的屏幕,可以解释多个输入格式显示的方式,很容易可扫描的信息(人类,而不是机器)中为了防止出错。不要使用固定的输入格式。

1.8K60

Flutter 凉了吗?

如果你正在进行IO或其他耗时的操作(例如查询数据库),那么你有可能在所有Flutter应用程序使用异步操作。如果没有异步操作,任何耗时的操作都会导致程序冻结直到此操作完成。...2 只写一次代码,就能同时在AndroidiOS上运行 考虑到需要为AndroidiOS使用不同的代码库,开发移动应用程序可能需要花费大量时间。...使用此ThemeData,我们设置应用程序颜色,字体系列一些文本样式。除文本样式之外的所有内容都将自动应用于整个app范围。...5 后端开发 现在大多数App都依赖于某种数据,所有这些数据需要存储在某个地方,以便以后可以显示使用。因此,在寻找使用新SDK(例如Flutter)创建应用时,牢记这一非常重要。...再重复一次,Flutter App是使用Dart制作的,而Dart在后端开发方面非常出色。在本文中谈到了很多简单易行的功能,DartFlutter的后端开发也不例外。

3K20

Flutter 中 stateless stateful widget 的区别

Flutter 使用小部件来创建现代移动应用程序Flutter 中的 Widget 分为两类:无状态 Widget 有状态 Widget。...考虑到这一,我们将研究 Flutter 中的无状态有状态小部件,并解释它们的区别。 让我们从这个问题开始:Flutter 中一个小部件的状态是什么?...当我们创建不需要一次又一次重绘小部件的应用程序时,我们使用无状态小部件。例如,当我们创建一个AppBar](,无状态小部件可以是不需要更改的脚手架或图标。 无状态小部件类仅在初始化时调用一次。...但是如果我们希望它在有动作时更新,我们必须制作一个有状态的小部件。 有状态的小部件 当 UI 的某些部分必须在运行时动态更改时,使用有状态小部件。有状态的小部件可以在应用程序运行时多次重绘自己。...结论 我们已经介绍了有状态无状态小部件之间的差异,以帮助您构建更好的 Flutter 应用程序。从示例中,我们了解了无状态有状态小部件的作用以及如何知道您的用例需要哪个类。

2.2K10

最新iOS设计规范五|3大界面要素:控件(Controls)

符号强化了命令的含义,可以帮助人们立即理解其功能。使用符号时可以选择系统提供的,也可以。如果上下文菜单包含子菜单则不需要,因为它会自动显示系统提供的V形符号,表示存在其他命令。...另外,如果显示太长的选项,考虑使用列表或表单。列表表单的高度可以调整,并且表单可以包含索引,这可以更快地定位列表的一部分。 使用可预测的逻辑排序的值。...活动加载器是不是可交互元素。 ? 进度条优于加载器。如果加载过程是可量化的,请使用进度条而不是加载器,以便用户可以更好地衡量正在发生的事情以及需要多长时间。 保持加载器的转动。...若有“清除”按钮,点击它便会立即清空文本字段的内容,避免一直点击删除。 适当时候,使用安全文本字段。若需要输入的是敏感数据(如密码)时,请始终使用安全提示类的文本字段。...使用图像按钮在文本字段中提供清晰度功能。可以在文本输入框的左侧或右侧显示自定义图标,也可以添加系统提供的按钮,例如“书签”按钮。 键盘 根据实际情况,显示适当的键盘类型。

8.5K30

13个秘技,快速提升表单填写转化率!

其实指的是网页注册表单。除了增加线索提高转化率外,注册表单还可以帮助企业扩大邮件数据库,并更加了解那些对公司产品感兴趣的人。注册表单需要几分钟制作时间并且可以嵌入到网站的任何地方。...使用单列表单 当线索正在填写注册表单,你希望为他们提供简洁的端到端体验,而单列表单是最好的方法。双列注册表单可能会干扰阅读或导致误解字段。...内联表单验证确保只提交准确的信息,为每个人节省时间。 保持文本表单字段框对齐 当你创建注册表单时,需对齐文本以便于跟进阅读。将文本放置在表单字段的上方(而不是下方或旁边)。...如果你担心垃圾邮件,你可以试试后续验证,可以先让线索选中一个方框,上面写着“不是机器人”,然后让他继续接下来的步骤。 测试注册表格 首先,测试表单是否正常工作。...Equinox 健身会员的注册需要多个人信息,但Equinox知道如何让这个过程变得简单。俱乐部将个人,账单帐户信息表格分开,并在用户历程中的不同时间分别填写。

2.7K30

HTML注入综合指南

HTML注入简介 HTML注入是当网页无法清理用户提供的输入或验证输出时出现的最简单,最常见的漏洞之一,从而使攻击者能够制作有效载荷并通过易受攻击的字段将恶意HTML代码注入应用程序中,以便他可以修改网页内容...因此,攻击者发现了这一,并向其注入了带有***“免费电影票”***诱饵的恶意***“ HTML登录表单”***,以诱骗受害者提交其敏感的凭据。...* *现在,当受害者浏览该特定网页时,他发现可以使用那些***“免费电影票”了。***当他单击它时,他会看到该应用程序的登录屏幕,这只是攻击者精心制作的***“ HTML表单”。...[图片] 反映的HTML POST 类似于“获取网页”,这里的**“名称”****“反馈”**字段也很容易受到攻击,因为已经实现了**POST方法**,因此表单数据将不会显示在URL中。...让我们尝试再次破坏此网页的外观,但这一次我们将添加图片而不是静态文本作为 1<img src= "https://www.ignitetechnologies.in/img/logo-blue-white.png

3.8K52

初学者练手项目

原创声明:禁止抄袭,转载需要注明来处 内容概要:Python闹钟、电子邮件切片器、故事生成器、密码生成器、骰子翻滚模拟器、QR码生成器、动物问答游戏、打印彩色文本、BMI计算器、华氏转摄氏转换器、接收多个用户输入...华氏温度转摄氏温度转换器 计算温度转换很简单。我们必须转换温度,因为摄氏温度华氏温度有不同的起点。0摄氏度是32华氏度。因此,要将华氏温度转换为摄氏温度,我们只需要从华氏温度中减去32。...摄氏温度将水的冰点沸点之间的温度范围划分为100度,而华氏温度温度范围划分为180度,因此还将值乘以5/9将180度转换为100。...您可能正在接受输入以发送到数据库,或者正在读取要在计算中使用的数字。 无论目的是什么,您都应该编写一个循环,以从键盘上键入的用户读取一个或多个用户输入,并为每个输出打印结果。...罗马数字转换为小数 请记住,基数不是罗马人使用的数字,因为它们具有诸如I:1,V:5,X:10,C:100,D:500,M:1000等的计 因此,我们需要按照上述逻辑编写一个程序,以使用Python将罗马数字转换为小数

2.6K40

【前端 · 面试 】HTTP 总结(二)—— HTTP 消息

最近在做前端面试题总结系列,感兴趣的朋友可以添加关注,欢迎指正、交流。 争取每个知识能够多总结一些,至少要做到在面试时,针对每个知识都可以侃起来,不至于哑火。...数据体(body)—— 一个可选的包含请求相关数据的正文 (比如HTML表单内容), 或者响应相关的文档。 请求消息响应消息的构成大体相同。...HTTP 头部字段可以自己根据需要定义,因此可能在 Web 服务器浏览器上发现非标准的头字段。...ServerVia字段中),这些注释内容可由应用程序忽略。...大小限制 标准中没有对每个协议头字段的名称值的大小设置任何限制,也没有限制字段的个数。 然而,出于实际场景及安全性的考虑,大部分的服务器、客户端代理软件都会实施一些限制

25610

php基本语法复习

> php函数返回值 使用返回值,用return 当函数内部使用形参时,想要往外输出参数,则需要return,因为形参不是全局变量、 数组 数组能够在单独的变量名中存储一个或多个值 <?...下面是一个包含输入字段提交按钮的表单,当用户通过点击提交按钮来提交表单数据时,表单将发送到标签的 action 属性中指定的脚本文件....在这个例子中,我们指定文件本身来处理表单数据。如果您需要使用其他的 PHP 文件来处理表单数据,请修改为您选择的文件名即可。...GET可以看见注入(发送的信息的变量名) POST 方法从表单发送的信息对其他人是不可见的(所有名称/值会被嵌入 HTTP 请求的主体中)并且对所发送信息的数量也无限制。...$_SERVER[“PHP_SELF”]将表单数据发送到页面本身,而不是跳转到另一张页面,这样用户就能在表单页面获得错误提示信息 表单验证 验证名字 检查name字段是否包含字母空格,如果name字段无效

20710

关于无障碍设计的七件事

设计师们需要接受无障碍设计所带来的限制,就像其他任何设计限制条件一样。它们是创造产品的挑战的一部分。 2....这个符号通常表明有东西出差错了。 现在,我们再来看看同样的页面。不过这次加上颜色。现在你可以看出有哪些字段处在错误状态吗? ?...方法很多,唯一要注意的就是不要只使用颜色。 小练习: 尝试设计一下这个注册表单页面(记住颜色不是表明错误字段的唯一视觉手段)。 3....注意表单 近年来,表单设计方面仿佛退化了。现在的表单仿佛抛弃了传统表单的识别性交互式功能,采用了所谓的“极简主义”的设计方法。这么做缺少了对无障碍设计非常重要的两:明确定义的边界可见标签。...一旦变成在菜单的每行提供多个选项,如上图左边的例子所示,这就不是菜单了。 键盘交互模型从使用箭头键更改为使用Tab键。 它会更改键盘焦点的处理方式以及下拉菜单关闭后的位置。

3K30

180多个Web应用程序测试示例测试用例

180多个Web应用程序测试示例测试用例 假设:假设您的应用程序支持以下功能 各种领域的表格 儿童窗户 应用程序与数据库进行交互 各种搜索过滤条件显示结果 图片上传 发送电子邮件功能 数据导出功能 通用测试方案...3.所有错误消息应以相同的CSS样式显示(例如,使用红色) 4.常规确认消息应使用CSS样式而不是错误消息样式(例如,使用绿色)显示 5.工具提示文本应有意义。...操作超时后检查应用程序行为。 18.检查应用程序使用的cookie。 19.检查可下载文件是否指向正确的文件路径。 20.所有资源密钥都应该在配置文件或数据库中可配置,而不是硬编码。...用户应该能够通过更正错误再次提交表单。 11.检查错误消息中是否使用了正确的字段标签。 12.下拉字段值应按定义的排序顺序显示。 13. TabShift + Tab顺序应正常工作。...19.文件上传功能应使用文件类型限制,并且还应使用防病毒软件来扫描上传的文件。 20.检查目录列表是否被禁止。 21.输入时,密码其他敏感字段应被屏蔽。

8.2K21

Compass: 在你的应用中集成搜索功能

非常典型的解决方案是用浏览的方式(把领域的继承关系表现出来,这样用户可以定位选择一个自己需要的)或者一个检索表单的方式(展现一个多个输入域的表单,用户可以检索他们需要的信息)。...检索表单的方式同样被检索条件个数的多少限制住了。这就要在设置足够的检索域还是检索表单的复杂性上作出权衡。...当面对实现传统的多输入域的表单的时候,大部分应用程序都选择了SQL。典型的情况是,检索的字段都与列名相匹配,并且使用SQL的LIKE语句。...很快,大家意识到大部分应用程序需要搜索引擎。所有实体的字段可以像只有一个文件那样被索引,并且是正则文本搜索可以匹配的实体。现在非常流行的搜索引擎之一是Luence。...OSEM允许制定不同的转换器,一个类属性对应多个元数据(从资源到属性的映射)、分析器所有参与的字段,等等。 下面是author类怎样使用的例子: // ...

1.3K90
领券