开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Flutter TextFormField没有显示键入的值

Flutter TextFormField是一个用于接收用户输入的文本字段的小部件。它提供了一个可编辑的文本框，允许用户键入值。如果在使用Flutter TextFormField时没有显示键入的值，可能是由于以下原因之一：

控制器未正确绑定：确保你在TextFormField的controller属性中绑定了一个TextEditingController对象。这个控制器负责管理文本字段的值。你可以使用controller.text来获取用户键入的值。
键入的值没有正确更新：在Flutter中，文本字段的值是通过控制器来管理的。当用户键入文本时，你需要通过调用控制器的update方法来更新值。这样才能确保文本字段中显示的值与用户键入的值保持同步。
界面没有正确刷新：在Flutter中，界面的刷新是通过构建小部件树来完成的。如果你在键入值后没有看到更新，可能是因为界面没有正确地重新构建。你可以使用setState方法来触发界面的重新构建，以便更新文本字段中的值。
其他可能的原因：如果以上方法都没有解决问题，可能是由于其他原因导致的。你可以检查你的代码是否有其他与文本字段交互的逻辑，并确保它们没有影响文本字段的显示。

总结起来，当Flutter TextFormField没有显示键入的值时，你可以通过正确绑定控制器、更新值、触发界面刷新来解决问题。这样可以确保文本字段中正确显示用户键入的值。

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

云函数（Serverless）：https://cloud.tencent.com/product/scf
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
私有网络（VPC）：https://cloud.tencent.com/product/vpc
腾讯云安全组（Security Group）：https://cloud.tencent.com/product/vpc/security-group

相关搜索:byebug没有在我键入时显示输出 Flutter :行中的两个Textformfield有问题 Flutter TextFormField:如何将类函数设置为TextFormField验证器的函数？Flutter Textformfield如何在文本表单字段中居中显示文本 Flutter Textformfield应对键入和错误作出响应 Flutter:如何将条形码扫描值传递到TextFormField Flutter无法在TextFields中键入UTF-8值 onSaved :自定义TextFormField不保存值Flutter TextFormField上的Flutter ConstrainedBox未按预期设置高度在flutter中强制输入值时，如何避免滚动到TEXTFORMFIELD

相关搜索:

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

有帮助

没帮助

相关·内容

【第21期】Flutter 文本框初始化时显示默认值

刚开始做Flutter文本框时候，使用的是TextField。似乎大多数情况下都没有问题。...// 当用户修改文本框内容时，会修改controller的值。...但是现在有一种情况： **问题1: **当页面文本框中的初始值是动态的，从后台获取到的时候，应该怎么办呢？这种情况下，说明创建TextEditingController时，并不知道文本内容。...所以我去找了一下Flutter的文档，总算是没有白找，找到了一个(https://api.flutter.dev/flutter/material/TextFormField-class.html)[组件...'Do not use the @ char.' : null; }, ) TextField：例如制作一个显示文本框，框中提示输入文本框中的内容信息。 ?

4.5K2 0

Flutter Form表单控件超全总结

[1240] 注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本： 1.12.13+hotfix.5 Dart版本： 2.7.0 Form、FormField、TextFormField...TextFormField TextFormField继承自FormField，是一个输入框表单，因此TextFormField中有很多关于TextField的属性，TextFormField的基本用法...validator验证函数，输入的值不匹配的时候返回的字符串显示在TextField的errorText属性位置，返回null，表示没有错误。...，此方法会调用每一个FormField的validator回调，此回调需要字符串表示数据验证不通过，将会在改表单下显示返回的字符串，具体可查看下TextFormField介绍。...欢迎加入Flutter的微信交流群(mqd_zzy)，让我们一起学习，一起进步，开始我们的故事，生活不止眼前的苟且，还有诗和《远方》。

3.2K0 0

揭秘浏览器键入URI到页面显示的过程: 浏览器键入URI，到页面显示，中间发生什么？

在日常使用互联网的过程中，我们经常会使用浏览器访问各种网页，但你是否曾经好奇，当我们在浏览器中键入一个网址（也称为URI），到页面最终显示出来的背后究竟发生了什么？...本篇博客将带你深入了解这个过程的各个阶段。第一阶段：解析URI 一切从用户在浏览器地址栏键入网址开始。...浏览器会首先查询本地的DNS缓存，如果找不到，就会向本地DNS服务器发起查询。如果本地DNS服务器也没有缓存该域名的IP地址，它会依次向更高级别的DNS服务器发起查询，直到找到对应的IP地址为止。...浏览器会按照解析到的顺序逐步构建页面，最终在用户的屏幕上显示出完整的页面内容。代码案例当我们访问一个网页时，浏览器将展示一个丰富的页面内容，但背后却隐藏着一个复杂的过程。...通过具体的代码示例，分别使用Go语言、Java语言和Python语言来展示从浏览器键入URI到页面显示的完整过程。

1131 0

Flutter Form表单控件超全总结

注意：无特殊说明，Flutter版本及Dart版本如下： Flutter版本：1.12.13+hotfix.5 Dart版本：2.7.0 Form、FormField、TextFormField是表单相关控件...FormField FormField是一个表单控件，此控件包含表单的状态，方便更新UI，通常情况下，我们不会直接使用FormField，而是使用TextFormField。...TextFormField TextFormField继承自FormField，是一个输入框表单，因此TextFormField中有很多关于TextField的属性，TextFormField的基本用法...validator验证函数，输入的值不匹配的时候返回的字符串显示在TextField的errorText属性位置，返回null，表示没有错误。...，此方法会调用每一个FormField的validator回调，此回调需要字符串表示数据验证不通过，将会在改表单下显示返回的字符串，具体可查看下TextFormField介绍。

2.2K2 0

flutter编写精美的登录页面

本文实例为大家分享了flutter编写精美的登录页面的具体代码，供大家参考，具体内容如下先看效果图; ?...源代码已上传到github 我们先看一下页面 , 首先这个页面,我们并没有用到AppBar,当然也就没有自带返回功能. 然后下面有个Login的文字以及一条横线....屏幕中上方是填写帐号以及密码的2个输入框,密码输入框有隐藏和显示密码的按钮. 下方是登录按钮以及其他登录方式....密码输入那里使用了判空的方法,多了一个显示/隐藏密码的按钮: decoration: InputDecoration( labelText: 'Password', suffixIcon:...Theme.of(context).iconTheme.color; }); })), 可以看到在decotation中设置,suffixIcon是在后面加一个图标,这里给它一个点击方法是改变是否显示密码的

1.7K2 1

flutter之文本输入

Flutter 提供了两个开箱即用的文本框组件：TextField 和 TextFormField。 TextField TextField 是最常用的文本输入组件。...在Flutter中，我们提供了两种选择：给 TextField 或 TextFormField 绑定 onChanged() 回调 Supply an onChanged() callback to...在下面的示例中，每次 text 的值改变，会在控制台中打印出当前文本框的值。...使用 TextEditingController 另外一种更强大但是更复杂的方法是绑定 TextEditingController 作为 TextField 和 TextFormField 的 controller...TextField( controller: myController, ); 创建一个打印当前值的方法现在，我们需要一个每当表单项变化都会运行的函数。

2.5K2 0

Flutter 金融应用程序的 UI

本文主要介绍金融应用程序的 UI Flutter 金融应用程序的 UI 在本教程中，我将向您展示如何使用 Flutter 和 android studio class CreditCard extends...8.0), child:Column( children: [ TextFormField...SizedBox( height: 20.0, ), TextFormField...SizedBox( height: 20.0, ), TextFormField...SizedBox( height: 20.0, ), TextFormField

7402 0

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

，但是还有个更加方便的方法，可以直接使用部件 TextFormField 来实现，不过需要我们在外层加一个 Form 部件，接下来，就要准备通过 TextFormField 来撸一个登录界面，但是这之前...接着新建个 third_icons.dart文件 import 'package:flutter/material.dart'; class ThirdIcons { // codePoint 值通过打开...导入第三方插件其实 Flutter 中缺少很多功能，需要通过导入第三方插件来实现功能，插件就是 Flutter 和原生交互的桥梁，也就是说，要写 Flutter 的插件，需要写 Android 和 iOS...，`Flutter` 没有自带的 `Taost` Fluttertoast.showToast(msg: '登录成功'); else Fluttertoast.showToast...，和 TextFormField 的 validator的条件不符合，则会显示错误文字的提示 ?

1.9K5 0

flutter 中的ModalRoute 传值

ModalRoute 传值 - 基础路由传值从 MaterialPageRoute 的构造参数中可以看到 RouteSettings: settings 这个参数 RouteSettings 构造函数如下...RouteSettings({ this.name, this.isInitialRoute = false, this.arguments, }); 其实 RouteSettings 就是路由的基本信息...，arguments 可以用来存储路由相关的参数字段：下面是一个基本的路由跳转，页面 Widget 构造函数不接受参合参数，但是路由的 settings 中配置了一个对象 Navigator.of(context...{'name': 'postbird'}, ), // 传参 fullscreenDialog: true, ), ); NewRouteWidget Widget 中想要拿到配置的

1.8K3 0

使用 FocusScopeNode 在 TextFormFields 之间轻松移动焦点

---- Form和TextFormField是在 Flutter 中输入文本时非常有用的小部件。我们可以提供一种在键盘上按“下一步”时移动输入焦点的便捷方法吗？...使用FocusScopeNode，这是非常容易做到的。...假设您有一个电子邮件和密码输入表单，如下所示： import 'package:flutter/material.dart'; class EmailPasswordSignInForm extends...CrossAxisAlignment.stretch, children: [ // email TextFormField...onEditingComplete: _node.nextFocus, ), // password TextFormField

1.2K2 0

每日tips：FocusScopeNode移动焦点你用对了吗？

在 Flutter中，Form和TextFormField是输入文本时非常有用的Widget。我们如何在键盘上按“下一步”时，正确的移动输入焦点的呢？...crossAxisAlignment: CrossAxisAlignment.stretch, children: [ // email TextFormField...onEditingComplete: _node.nextFocus, ), // password TextFormField...), ), ); } } 通过添加一个FocusScopeNode 和 FocusScope关联，通过使用_node.nextFocus就可以轻松地将焦点移动到下一个TextFormField...❝注意：这些方法也使用TextField，即使没有Form也同样可以. ❞ 细节很重要，这些小tips可以节省时间并且也会让我们的用户满意。

8172 0

『Flutter』常用组件表单

2.表单 2.1.介绍在Flutter中，表单（Form）是一个用于数据收集和验证的容器组件。它通常与 TextField 和 FormField 等输入组件结合使用，以创建一个完整的用户输入表单。...Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ TextFormField...，它包含一个 TextFormField 用于输入和验证邮箱地址，并有一个提交按钮，当表单验证通过时会显示一个提示。..._formKey 3.1.介绍 _formKey 在 Flutter 中通常是作为一个 GlobalKey 实例来使用，主要用于管理 Form 组件。...4.参考资料 https://api.flutter.dev/flutter/widgets/Form-class.html End 如果您对本文有任何疑问或想法，请在评论区留言，我将很乐意与您交流。

5791 0

《Flutter》-- 4.Flutter组件基础

Flutter中Widget不仅可以表示UI元素，也可以布局元素、动画、装饰效果。 Widget不是最终显示在设备屏幕上的显示元素，而是一个描述显示元素的配置数据。...Flutter中真正代表屏幕显示元素的类是Element。在大多数场景下，可以宽泛地认为Widget树就是指UI组件树或UI渲染树。...对于无状态组件的内部属性，为了防止内部成员变量的值被改变，需要使用final修饰符进行修饰。创建无状态的组件，需要继承StatelessWidget，并重写build()。...作为Flutter提供的入口Widget，MaterialApp有以下几个比较重要的参数： 1）title：String类型，表示在Android应用管理器的App上方显示的标题，对iOS设备不起作用。...； BoxFit.none：没有填充策略，按图片原始大小显示。

12.4K3 0

winform显示对象的属性和值

")] [Description("相电压数据，单位 0.1V")] public string In { get; set; } } 需要在winform上显示...= electricMeter.GetProperties();// 获取属性列表 for (int i = 0; i < properties.Length; i++)//遍历属性,添加属性和值到字典

3K1 0

Flutter版本玩Android客户端(6)——登录注册模块以及文章收藏与取消

本篇继上篇Flutter版本玩Android客户端(5)——微信公众号tab点击跳转后，完成了登录注册模块，以及文章收藏与取消。...但仍有部分没有完成，比如登录状态的同步，drawer的header中没有因登录状态而改变。先看效果 ?...登录注册模块登录注册模块主要涉及表单Form这个Widget，其中TextFormField使用TextEditingController进行控制，可以通过该类来获取对应TextFormField的数据...一些基本的检查可以交给validate函数，比如注册时对确认密码的校验，第二次输入的密码得和第一次相同。...TextFormField( controller: _repasswordController, decoration: InputDecoration

2.9K4 1

Flutter实现代码提示功能

1.简介在实现代码提示功能前，我们先来看看什么是代码提示，当我输入关键字String 时，如果输入到 Stri 的时候，编辑器会为我找出所有包含 Stri 的代码关键词，这个时候，我们只要选中需要输入的关键字...，它就会为我补充剩余的单词，这个就是代码提示功能，那么在Flutter 中如何实现这一功能呢？...2.RawAutocomplete Flutter 为我们提供了这一个Widget，在名字看来，是可以自动完成填充代码的Widget，我们来看看它的参数类型属性介绍 AutocompleteOptionsViewBuilder...optionsViewBuilder 构建选项框视图 AutocompleteOptionToString displayStringForOption 默认是(T)t.toString() , 取T的其中一个字段显示...textEditingController, FocusNode focusNode, VoidCallback onFieldSubmitted) { return TextFormField

1.6K3 0

Flutter | 常用组件

，而 RichText 是可以显示多种样式(富文本)的 widget，样式如下：字体在 flutter 中使用字体需要两个步骤，首先是在 pubspec.yaml文件中声明，然后通过 textStyle...，若不指定，图片图片会根据当前父容器的限制，尽可能的显示其原始大小，如果只设置了其中的一个，则另一个则会按比例缩放，但是可通过 fit 属性来适应规则 fit：用于在图片的显示空间和图片本身大小不同的时候指定图片的适应模式...，使用 FadeInImage 之后会在图片的加载过程中显示一个占位符，在图片加载完成之后显示淡入 ICON 在 Flutter 中，可以直接使用字体图标，它是将图标做成字体文件，然后通过指定不同的字符而现实不同的图片...大多数情况下我们都需要显示的提供一个 controller 来与文本框交互，如果没有提供，则 TextField 会自动创建一个 focusNode ：用于控制 TextField 是否占有当前键盘输入的焦点...}) 复制代码为了方便使用，Flutter 提供了一个 TextFormField 组件，他继承自 FormField 类，也是一个包装类，所以除了 FormField 之后，它还包括 TextField

11.4K3 0

Flutter动画【3】

前言在前面的文章中我们看了下Flutter中的补间动画和Flutter Widgets，今天我们来看下页面过渡动画，也可以叫做共享元素动画，页面A的元素过渡到页面B元素的过场效果。...好吧，还是来看个例子：我们在第一个页面使用了一张本地的图片作为image的数据源，并且让它居中显示不限制图片的宽高显示。...主界面：主界面的逻辑就比较简单，只是logo做了放大和位置变化，同样的也需用使用Hero包裹，并且使用和login界面同样的tag 当然在这里例子中我们没有对用户输入的用户名和密码做校验，一般这个过程是服务端校验的...，当然大家也可以根据自己的需要来做下校验另外： TextFormField：输入组件类似于TextField CircleAvatar：圆形头像组件 Material：Material基础组件 LinearGradient...小结使用Hero widget可以显示共享元素动画使用Hero的Widget两个tag必须一致

1.2K4 0

【Flutter 组件集录】Autocomplete 自动填充

在输入框下方展示列表，如下所示：注意，这是目前 Flutter 框架内部的组件，非三方组件。...自定义 Autocomplete 组件内容其实上面那样的默认样式很丑，而且没有提供直接的属性设置样式。所以了解如何自定义是非常关键的，否则只是一个玩具罢了。...如下，我们先来实现搜索高亮显示的自定义，其中也包括对输入框的自定义。...这样，在 TextFormField 构建时，你可以指定自己需要的装饰。到此，我们就实现了上面，输入过程中，浮层面板内容关键字高亮显示的效果。...如下，其实和我们自己实现的也没有太大的区别，只是个默认存在，方便使用的小玩意而已。另外，对于输入框的构建，使用 _defaultFieldViewBuilder 静态方法完成。

1.5K2 0

构造函数没有返回值是怎么赋值的？

众所周知，在java里是不能给构造函数写返回值的，如果在低版本的编译器定义一个构造器写上返回值可能会报错，高版本里面他就是一个普通的方法。...可是如果构造函数没有返回值，那么比如Test t = new Test()我们new一个对象的时候是怎么赋值的呢？...4: invokespecial #7 // Method "init":()V，调用构造函数，V代表void无返回值，那么init代表什么含义？...类或接口的初始化方法由 Java 虚拟机自身隐式调用，没有任何虚拟机字节码指令可以调用这个方法，只有在类的初始化阶段中会被虚拟机自身调用。...以上面测试代码的方法来看Test t = new Test() 的调用过程： new 创建Test对象，并将其引用值压入操作数栈顶 dup 复制栈顶数值并将复制值压入栈顶 invokespecial 使用

1.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭