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

将onSaved传递给TextFormField小部件?

将onSaved传递给TextFormField小部件是为了在表单提交时保存用户输入的值。onSaved是一个回调函数,它在表单提交时被调用,并将用户输入的值作为参数传递给它。

在Flutter中,TextFormField是一个常用的小部件,用于创建文本输入框。它提供了许多属性,其中一个重要的属性是onSaved。通过将onSaved属性设置为一个回调函数,我们可以在用户提交表单时执行自定义的逻辑。

以下是一个示例代码,演示如何将onSaved传递给TextFormField小部件:

代码语言:txt
复制
String _name;

void _handleFormSubmit() {
  // 在表单提交时执行的逻辑
  print('提交的姓名是:$_name');
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text('表单示例'),
    ),
    body: Form(
      child: Column(
        children: [
          TextFormField(
            decoration: InputDecoration(labelText: '姓名'),
            onSaved: (value) {
              // 将用户输入的值保存到_name变量中
              _name = value;
            },
          ),
          RaisedButton(
            child: Text('提交'),
            onPressed: () {
              // 提交表单时调用保存回调函数
              Form.of(context).save();
              _handleFormSubmit();
            },
          ),
        ],
      ),
    ),
  );
}

在上面的示例中,我们创建了一个简单的表单,其中包含一个TextFormField小部件。当用户输入姓名并提交表单时,onSaved回调函数会将用户输入的值保存到_name变量中,并在_handleFormSubmit函数中打印出来。

这是一个简单的示例,演示了如何将onSaved传递给TextFormField小部件。根据具体的业务需求,您可以根据需要在onSaved回调函数中执行其他自定义逻辑,例如验证用户输入等。

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

相关·内容

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

前面提到基础部件的时候,忘了提输入内容处理部件,这里补上,然后顺带撸个实际的界面吧 TextField const TextField({ Key key, this.controller...TextFormField 来实现,不过需要我们在外层加一个 Form 部件,接下来,就要准备通过 TextFormField 来撸一个登录界面,但是这之前,前面有个坑需要先解决下 导入自定义的图标...别的可以忽略 demo_index.html 这边用来查看图标的 unicode iconfont.ttf 这边就是图标资源文件了 回到项目,创建一个文件夹 fonts ,和 images 同级,...例如等会我们会需要用到 FlutterToast 这个插件,用来做提醒用,在 FlutterPackage 中搜索到插件后,打开项目中的 pubspec.ymal 文件,在 dependencies 类目下...'登录失败'); } } @override Widget build(BuildContext context) { return Form( //

1.9K50
  • php设计模式(五):生成器模式(Builder)

    问题 假设我们还是在开发一款组装 品牌台式电脑(华硕、联想、…)的应用,需要拼装一台能正常开机的台式电脑并计算出每台所有部件的价格。...) { ... } } 如现在你组装的华硕电脑,需要在构造函数中加上诸多成员变量,有可能你错或者忘记一个参数,你的电脑华硕电脑就运行不起来了,有没有解决这种繁琐的创建和参数修改呢...构造开始前, 客户端必须将生成器对象传递给主管对象。 通常情况下, 客户端只需调用主管类构造函数一次即可。 主管类使用生成器对象完成后续所有制造任务。...还有另一种方式,那就是客户端 可以生成器对象直接传递给主管类的制造方法。...你可以复杂构造代码从产品的业务逻辑中分离出来。 缺点 由于该模式需要新增多个类, 因此代码整体复杂程度会有所增加。

    51520

    Flutter常见开发问题

    但是 Flutter 中的按钮不是标题作为字符串,而是另一个小部件。这意味着**在按钮内你可以有文本、图像、图标和几乎任何你可以想象的东西,**而不会打破布局限制。...因为如果我一个图标从一个更改为另一个,则不必完全重建应用程序。这就是 Flutter调试构建如此庞大的原因。创建发布版本时,只会获取所需的资源,并获得我们更习惯的大小。...Flutter 应用程序仍然会比 Android 应用程序大一点,但它相当,而且 Flutter 团队一直在寻找减少应用程序大小的方法。...package允许您将新的小部件或功能导入您的应用程序。package和插件之间有一个的区别。包通常是纯粹用 Dart 编写的新组件或代码,而插件则可以使用本机代码在设备端提供更多功能。...为什么我们函数传递给部件? 我们一个函数传递给一个小部件,本质上是说,“当有事情发生时调用这个函数”。函数是 Dart 中的第一类对象,可以作为参数传递给其他函数。

    6.7K20

    Flutter常见开发问题

    但是 Flutter 中的按钮不是标题作为字符串,而是另一个小部件。这意味着**在按钮内你可以有文本、图像、图标和几乎任何你可以想象的东西,**而不会打破布局限制。...因为如果我一个图标从一个更改为另一个,则不必完全重建应用程序。这就是 Flutter调试构建如此庞大的原因。创建发布版本时,只会获取所需的资源,并获得我们更习惯的大小。...Flutter 应用程序仍然会比 Android 应用程序大一点,但它相当,而且 Flutter 团队一直在寻找减少应用程序大小的方法。...package允许您将新的小部件或功能导入您的应用程序。package和插件之间有一个的区别。包通常是纯粹用 Dart 编写的新组件或代码,而插件则可以使用本机代码在设备端提供更多功能。...为什么我们函数传递给部件? 我们一个函数传递给一个小部件,本质上是说,“当有事情发生时调用这个函数”。函数是 Dart 中的第一类对象,可以作为参数传递给其他函数。

    6.8K30

    VB语言使用ADO连接、操作SQLServer数据库教程

    连接第一步(要仔细看)对于小白来讲,这里的教程最详细,连接ADO数据库第一步,要添加什么部件呢?全称是Microsoft ADO Data Control 6.0 (SP6) (OLEDB) 部件。...在Microsoft ADO Data Control 6.0 (SP6) (OLEDB)部件里有一个名叫:Adodc数据控件,要将它添加。在Adodc数据控件数据位置中找到ACCES。...寻找Microsoft ADO Data Control 6.0 (SP6) (OLEDB) 部件VB用ADO连接SQLServer数据库'数据源信息常量 Public Const conn As String...DBapi_Disconnect()  Connect_Num = 0  DisconnectEnd Sub '执行数据库操作语言'byval 就是按参数的值传递,再传递过程中,参数不会发生变化(也就是参数值而不是地址传递给过程的方式...,这就使过程访问发哦变量的副本,过程不可改变变量的值);与之对应的是byref,指按参数的地址值,byref可以省略Public Sub SQLExt(ByVal TmpSQLstmt As String

    3.4K10

    Qt ModelView教程——只读Table

    Debugging with model test 一、 概述 模型/视图是一种用于数据与处理数据集的小部件中的视图分离的技术。...标准窗口小部件并非旨在数据与视图分离,这就是为什么Qt具有两种不同类型的窗口小部件的原因。 两种类型的小部件外观相同,但是它们与数据的交互方式不同。 1....标准部件 Table Widget是用户可以更改的数据元素的2D部件。 可以通过读写表小部件提供的数据元素表小部件集成到程序中。...Model/View消除了标准小部件可能发生的数据一致性问题, 而且Model/View还可以让同一数据源在多个视图上进行显示变得更加方便;因为一个Model可以传递给许多Views。...我们创建MyModel的实例并使用tableView.setModel(&myModel), 将其指针传递给tableView ,tableView调用它收到的指针获得以下信息: 应显示多少行和多少列

    1.9K20

    必读~苹果iOS小组件Widget设计终极完全指南

    在本指南中,我介绍为iOS,macOS和iPadOS设计小部件所需的所有知识。Apple的人机界面指南构成了本指南的基础。我将以Twitter和Duolingo为例来讲解。...001.基础知识 小部件应帮助用户避免执行重复操作。您的小部件需要具有以下特征: 信息性:如果它只是一个较大的图标,那还是不要设计毕竟好。小部件的作用是,使用它可以信息传递给用户,从而增加价值。...小组件尺寸 可用的窗口小部件尺寸(称为,中,大) 无论小部件的大小如何,它都应始终专注于一件事。在大多数情况下,小部件会根据您应用的主要功能提供信息。...点击目标 点按目标是在点击时执行特定操作的区域。小窗口小部件只有一个点击目标。由于内容有限,我们无法将不同部分深度链接到应用程序的不同部分。中型和大型窗口小部件支持多个点击目标。...由于尺寸的小组件仅支持一个点击目标,因此所有小窗口小部件均遵循“填充”样式。不建议在较大尺寸中使用“填充”样式。 间距 与往常一样,元素之间的间距是设计的关键。

    7.2K30

    TensorFlow Lite,ML Kit 和 Flutter 移动深度学习:6~11

    接下来,我们创建一个TextFormField,其中maxLines为1,并将obscureText设置为true,autofocus设置为false。...在我们的应用中,我们集成一个这样的系统。 为此,我们记录一段时间内我们应用的许多用户进行的所有登录尝试。 我们特别注意他们尝试登录的屏幕以及它们传递给系统的数据类型。...WAV:由 Microsoft 和 IBM 创建,这种格式是无损压缩,即使对于的音频文件也可能很大。 MIDI:乐器数字接口文件实际上不包含音频。 它们包含乐器音符,因此体积且易于使用。...我们传递给 API 的棋盘 FEN 字符串中的'w'表示白人玩家进行下一回合。...由于image_picker存在一些错误,因此我们图片的扩展名明确传递给请求主体。

    23.1K10

    学会使用函数式编程的程序员(第2部分)

    所以我们需要平衡两者,一种制作更小的、可重用的部件的方法,我们可以将其作为构建块来构建更复杂的功能。 在函数式编程中,函数是我们的构建块。...还可以这样组合任意多个函数: f x = (g << h << s << r << t) x 这里 x 传递给函数 t,函数 t 的结果传递给 r,函数 t 的结果传递给 s,以此类推。...') var doubleBracketedJoe = doubleBracketed('智') 可以 bracket 和 doubleBracket 转化为更变通的函数: generalBracket...function( prefix , str ,suffix ) { retrun prefix ++ str ++ suffix } 但每次我们调用 generalBracket 函数的时候,都得这么参...') // {智} // 生成双括号 var bracketedJoe = generalBracket('{{')('}}') bracketedJoe('智') // {{智}} 常见的函数式函数

    64920

    程序】组件通信

    属性绑定 属性绑定用于实现父向子值,而且只能传递普通类型的数据,无法方法传递给子组件。父组件 的示例代码如下: 子组件在 properties 节点中声明对应的属性并使用。...事件绑定  事件绑定用于实现子向父值,可以传递任何类型的数据。...使用步骤如下: 在父组件的 js 中,定义一个函数,这个函数即将通过自定义事件的形式,传递给子组件 在父组件的 wxml 中,通过自定义事件的形式,步骤 1 中定义的函数引用,传递给子组件 在子组件的...步骤2:在父组件的 wxml 中,通过自定义事件的形式,步骤 1 中定义的函数引用,传递给子组 件。 ...什么是 behaviors behaviors 是程序中,用于实现组件间代码共享的特性,类似于 Vue.js 中的 “mixins”。

    1.7K10

    图解程序的特征与架构,及其应用机制

    为了在搜索和执行时定位特定的程序,程序必须在平台上具有包名或标识符。 程序小部件 除了程序页面,程序还可以显示为信息片段或程序小部件。...用户可以点击这个小部件并跳转到程序的全屏页面以获取更多详细信息。 就像在程序页面中一样,小部件也由 URI 方案来描述。...宿主环境通过其 URI路径指定要加载的程序包和对应的 widget,并通过 URI 查询参数数据传递给widget。加载小部件后,它会在宿主环境中显示和渲染。...来自主机和小部件的数据以及来自不同小部件的数据被隔离以确保安全性和独立性。 在很多场景下,一个小部件可以打开一个程序页面进行更复杂的操作。...快应用可以以两种形式运行:快应用页面形式,如原生应用页面,以及在场景中呈现信息的小部件形式。两者适配不同的用户需求,在多种场景下系统与程序连接为一体。

    1.9K10

    Qt Model View 简便类(一)

    表格、列表和树型窗口部件是 GUI 开发中经常会用到的窗口部件。传统的方式是窗口部件本身包含用于存储数据的内置容器。这种方式非常符合直观感受,然而,在许多复杂的应用中,这将导致数据的同步问题。...Qt的Model /View可以理解是对MVC的变形,MVC中的控制器替换成了稍微有些不同的抽象:委托(delegate)。...那么接下来我们用一个例子来了解下Model /View简便类的使用。...coordinates->append(QPointF(x, y)); } } QDialog::done(result); } 最后,用户点击Ok按钮时,则会清空传递给这个对话框的人坐标...如果坐标存储到数据库,这样则会有更好的展示效果。以后有机会会结合之前的sqlite再做一次修改。

    1.4K40

    Python函数的几种常用模式

    发现pycharm的用法 ? 这种调用方式称为位置实参,按照调用顺序来传入参数 ? 这个是对上面例子更一般的演示 ? 关键字实参调用法 ?...这种叫做任意实参,如果在调用函数是不知道将来使用人要多少参数时用这个,组装成一个tuple对象传递给这个可变形参 ?...● 函数定义中的形参是有顺序的,实参可以按照位置传递给形参,称为位置实参,也可以按照形参名=实参的方式实参传递给形参,称为关键字实参。关键字实参可以任意顺序排列。...● 可以给可变形参传递多个实参,这些实参被打包成一个tuple对象传递给可变形参。函数可以像普通tuple对象一样访问可变形参中的实参。 ● 可以采用键-值的方式字典实参传递给字典形参。...假如要传给函数的实参放在一个dict对象中,则可以通过在指向这个对象的变量名前加**的解封实参列表方式字典实参传递给形参。

    1.1K20
    领券