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

onSaved :自定义TextFormField不保存值Flutter

onSaved是Flutter中TextFormField的一个回调函数,用于在表单字段保存时执行自定义的操作。当用户提交表单时,Flutter会调用onSaved函数来保存表单字段的值。

在自定义TextFormField时,可以通过设置onSaved属性来指定一个函数,该函数将在表单字段保存时被调用。通常,这个函数会将表单字段的值保存到一个变量中,以便后续使用。

以下是一个示例代码,展示了如何使用onSaved函数:

代码语言:txt
复制
String _textFieldValue;

Widget build(BuildContext context) {
  return TextFormField(
    onSaved: (value) {
      _textFieldValue = value;
    },
  );
}

void submitForm() {
  // 提交表单时调用
  // 在这里可以使用_textFieldValue变量来处理表单字段的值
}

在上面的示例中,onSaved函数将用户输入的值保存到_textFieldValue变量中。当用户提交表单时,可以通过调用submitForm函数来处理保存的值。

TextFormField是Flutter中用于创建文本输入框的小部件,它提供了很多属性来自定义输入框的行为和样式。onSaved是其中一个回调函数,用于处理表单字段的保存操作。

推荐的腾讯云相关产品:腾讯云云函数(Serverless 云函数)是一种无需管理服务器即可运行代码的计算服务,您只需编写并上传代码,腾讯云云函数会为您提供弹性、高可用的计算资源。您可以使用腾讯云云函数来处理表单字段的保存操作,具体介绍和文档可以参考腾讯云云函数的官方文档:腾讯云云函数

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

相关·内容

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

TextEditingController _editController = TextEditingController(); FocusNode _editNode = FocusNode(); // 保存按钮点击后的输入内容...来实现,不过需要我们在外层加一个 Form 部件,接下来,就要准备通过 TextFormField 来撸一个登录界面,但是这之前,前面有个坑需要先解决下 导入自定义的图标 在这之前,涉及到 Icon...部件,都是使用的系统自带的图标,那么如何导入第三方自定义图标呢,马上为你揭晓答案,首先我们需要打开「阿里妈妈」也就是 iconfont,不知道的小伙伴通过链接打开,然后需要注册个账户,也可以直接通过 Github...接着新建个 third_icons.dart文件 import 'package:flutter/material.dart'; class ThirdIcons { // codePoint 通过打开...导入第三方插件 其实 Flutter 中缺少很多功能,需要通过导入第三方插件来实现功能,插件就是 Flutter 和原生交互的桥梁,也就是说,要写 Flutter 的插件,需要写 Android 和 iOS

1.9K50

Flutter实现代码提示功能

当我输入关键字String 时,如果输入到 Stri 的时候,编辑器会为我找出所有包含 Stri 的代码关键词,这个时候,我们只要选中需要输入的关键字,它就会为我补充剩余的单词,这个就是代码提示功能,那么在Flutter...onSelected 当选中选项时,会调用 3.示例代码 import 'package:flutter/material.dart'; void main() { runApp(MyApp()...textEditingController, FocusNode focusNode, VoidCallback onFieldSubmitted) { return TextFormField...突破控制台输出最大字数限制 r_upgrade应用升级,Android可实现通知栏下载进度,热更新,增量更新,跳转到应用商店,跳转网页功能,IOS实现跳转App Store,跳转网页 r_scan 二维码/条形码扫码,可自定义扫码窗口...r_calendar 可完全自定义的日历插件,支持多选,连选,单选,切换同步,周/月视图切换等功能 r_dotted_line_border 可简单实现虚线边框,直接在Container使用 r_album

1.6K30

解读 Flutter 全平台开发的误解与偏见

1、Flutter 制霸全平台 谷歌官方在 Flutter 2.0 的发布上说过:“每个应用程序都可以通过 Flutter 2 进行免升级,因为它们现在可以在不重写的情况下扩展到 Desktop 和 Web...首先 “不重写的情况下扩展到 Desktop 和 Web” 就很不现实 ,为什么呢我们后面分析,这里先说下 Flutter 的核心设计,了解过 Flutter 实现原理的应该知道, Flutter 的核心设计是...这就表示 Flutter 需要和 “Web 原生有不同程度的耦合关系”,从而造成了代码在不同平台的表现形式和 API 的兼容能力都会有所不同,而 Flutter 应对 Web 的这种情况,使用了大量的自定义标签...最后 Flutter 对于 ReorderableListView 、TextField 和 TextFormField 等控件上也在 2.0 开始增加了增对桌面端的体验,不过还是那句话,Flutter...Electron 打包方案的主要贡献者,创建了 squirrel-flutter Ubuntu 的 installer 使用了用 Flutter 微软正在继续扩大对 Flutter 的支持 《Announcing

1.3K20

Flutter Hooks 使用及原理

首先原生的计数器因为要保存counter这个状态,所以使用的是一个StatefulWidget。counter保存在对应的State中。...如果传这个参数的话则会在每次build的时候都会被调用。 其他Hooks 除了以上这些Hooks,flutter_hooks还提供了一些可以节省我们代码量的Hooks。...自定义Hooks 当以上Hooks不能满足需求时,我们也可以自定义Hooks。自定义Hooks有两种方式,一种是用函数来自定义自定义Hooks,如果需求比较复杂的话还可以用类来自定义Hooks。...有一点区别是State.build返回是个Widget。而HookState.build的返回则是状态。 另外,一个StatefulElement只会持有一个State。...分支走完了最后就是通过HookState.build拿到状态,然后把_currentHookState指向下一个。

2.3K30
领券