文本框在一行上显示_在 Flutter 中获取文本框的输入值

最新推荐文章于 2023-01-31 10:28:57 发布
最新推荐文章于 2023-01-31 10:28:57 发布
阅读量412 收藏 1
点赞数
文章标签： 文本框在一行上显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_29928877/article/details/112538575
版权
本篇教程详细介绍了如何在 Flutter 中获取文本框TextField的输入值，包括创建TextEditingController，将其应用到TextField上，并展示文本框的当前值。通过TextEditingController的value属性，可以在用户交互时获取并显示文本框内容。
摘要由CSDN通过智能技术生成

d2d7b8aa1361438a3626fcbe4d091c24.png

本篇章节讲解的是如何获取文本框的输入值。

d9ceb9e17503da20feb371fa793fd1a9.gif

步骤

  1. 创建一个 TextEditingController
  2. 把 TextEditingController 应用到 TextField 上
  3. 展示文本框当前值

1. 创建 TextEditingController

为了获取文本框输入值，需要创建一个 TextEditingController。在后续步骤中，这个 TextEditingController 将会被应用到 TextField 上。

TextEditingController 被应用于 TextField 或者 TextFormField 后，就可以使用它来获取文本框输入值。

记住：当不再使用 TextEditingController 时&#
最低0.47元/天 解锁文章
粗细愁倚阑
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
signalr_client:用于ASP.NET Core的Flutter SignalR客户端
04-30
signalr_client 用于Flutter SignalR客户端。 ASP.NET Core SignalR是一个开放源代码库，可简化向应用程序添加实时Web功能的过程。 实时Web功能使服务器端代码可以将内容立即推送到客户端。 客户端能够调用服务器端集线器功能（包括流功能）并接收服务器发出的方法调用。 客户端支持以下传输协议： WebSocket 服务端事件 长轮询 客户端支持以下集线器协议： 杰森 -由于找不到支持当前Flutter版本的MessagePack库。 例子 -一个简单的客户端/服务器聊天应用程序。 -查看客户端如何调用各种类型的集线器功能。 入门 将signalr_client添加到您的pubspec.yaml依赖项： ... dependencies : flutter : sdk : flutter signalr_client
asp.net获取单选按钮值_在 Flutter 中获取文本框的输入值
weixin_39628380的博客
11-27 122
本篇章节讲解的是如何获取文本框的输入值。步骤创建一个 TextEditingController把 TextEditingController 应用到 TextField 上 展示文本框当前值1. 创建 TextEditingController为了获取文本框输入值，需要创建一个 TextEditingController。在后续步骤中，这个 TextEditingController 将会被应用...
flutter 实时获取文本框值
qq_36071410的博客
02-25 8012
需求：可带默认值的文本编辑框 组件：TextFormField。 initialValue默认值 onSaved中的返回则是实时的文本内容 代码： final _textKey = GlobalKey();//声明组件的key String code;//接收文本框的值 执行输入操作之后 通过key调用组件的方法：_textKey.currentState.save(); 此时code的值会变成组...
Flutter LimitedBox配合Text组件实现文字显示一行，超出显示点点点...
weixin_44911775的博客
05-09 1667
LimitedBox( maxWidth: 130, child: Text( _poiName(), maxLines: 1, overflow: TextOverflow.ellipsis, ), )
2021年Flutter中的文本输入框组件TextField
码蝗的博客
03-24 676
Flutter中的文本输入框使用TextField 这个组件来表示。 主要的属性如下： 1.maxLines 最大输入行。默认为单行输入框，配置此参数后则为多行输入框； 2.onChanged 输入改变触发的事件。可以获取当前输入改变以后的值； 3.obscureText隐蔽的文本。主要用于密码输入框； 4.controller 文本控制器。当输入框有默认的输入值时就需要用到文本控制器； 5.decoration 装饰器。主要的属性如下： (1). hintText 占位提示符。类...
flutter_secure_storage:Flutter插件可将数据存储在安全存储中
05-13
flutter_secure_storage Flutter插件可将数据存储在安全存储中： 用于iOS AES加密用于Android。 AES密钥使用RSA加密，并且RSA密钥存储在用于Linux。 注意KeyStore是在Android 4.3（API级别18）中引入的。 该插件不...
flutter_bluetooth.zip_flutter 蓝牙 ios_flutter_bluetooth_flutter获取
07-14
flutter 蓝牙，通过蓝牙协议和单片机进行数据交互，控制智能硬件
platform_device_id:Flutter插件获取设备ID
04-03
platform_device_id 从android，ios，windows，linux，mac获取设备ID描述视窗BIOS UUID例如99A4D301-53F5-11CB-8CA0-9CA39A9E1F01 Linux BIOS UUID例如32a70060-2a39-437e-88e2-d68e6154de9f 苹果IOPlatformUUID例如...
system_settings:Flutter插件可在iOS和Android上打开系统设置
03-28
在Android上，此插件支持各种系统设置页面以及应用程序信息和应用程序通知设置页面。 在iOS上，如果已通过SettingsBundle定义了任何设置，则此插件将始终打开应用设置页面。 如果没有，则设置应用程序将随主页一起...
audio_service:Flutter 插件可在屏幕关闭时在后台播放音频
08-04
您将音频代码封装在一个后台任务中，该任务在一个特殊的隔离区中运行，该隔离区在您的 UI 不存在时继续运行。 您的后台任务实现回调以响应来自 Flutter UI、耳机按钮、锁定屏幕、通知、iOS 控制中心、车载显示器和...
Love-Letter：使用asp-net核心的多人网络游戏，通过Flutter使用SignalRMobile版本
02-17
爱情信 软件工程项目如何运行 首先，下载并运行以下文件： 版本） 然后，使用以下命令克隆存储库， git clone https://github.com/TurqayUmudzade/Love-Letter/ 打开“ SQL Server配置”并立即连接。 之后，进入Microsoft SQL Server Management Studio，然后从下拉菜单中选择服务器名称（最新名称），然后连接并复制该名称。 然后在源代码中，转到appsetting.Development.json文件，并将“服务器名称”更改为刚复制的服务器名称。 之后，双击附加的脚本文件并运行它以设置数据库。 然后使用此命令可以启动应用程序：（在具有.csproject的文件夹中） dotnet run 1）连接到第一个localhost链接2）注册（自动登录）3）转到导航栏上的Lobbies选项卡4）创建一
Flutter入门学习--(19)文本框控件TextField
游响云停专栏
01-27 963
  文本框控件在Flutter中使用的TextField，下面我们看下怎样使用，效果图如下      首先new TextField 定义一个文本框，如果要获取文本框的内容，首先要定义TextEditingController，然后通过TextField的controller进行绑定 代码如下 import 'package:flutter/material.dart'; voi...
flutter显示图标_Flutter-如何在一行中显示文本和图标？
weixin_27717759的博客
12-24 1609
I am using row widget with three child widgets:TextIconTextI want all of them to appear in single line same level horizontally and drop to new line if text increases.I am using below code for Row wid...
20 Flutter TextField单行文本和多行文本
LJLThomson的博客
04-10 6545
TextField单行文本框和多行文本框 1.TextField ​ ————————基本等价于Android中EditText，其中属性都有很多一致 1.属性 const TextField({ Key key, this.controller, // 控制正在编辑文本 this.focusNode, // 获取键盘焦点 this.decoration = const InputDecoration(), // 边框装饰 TextInputType keyboardType, // 键盘类型 this.t
Futter基础第16篇： 实现单行文本框、多选框
qq_27494201的博客
12-06 749
效果图： TextField.dart CheckBox.dart TextField.dart import 'package:flutter/material.dart'; class TextFieldDemoPage extends StatefulWidget { @override _TextFieldDemoPageState createState() => _...
flutter文本和小图标在同一行显示
chuyouyinghe的专栏
09-01 1852
在Text.rich中使用WidgetSpan来处理图片 效果如下： 代码如下： Text.rich( TextSpan( style: TextStyle(fontSize: R.size_32, fontWeight: FontWeight.bold), children: [ TextSpan( text: '乐讯>每日
Flutter TextFiled换行显示
徐代龙的技术专栏
07-11 7381
在Flutter中，TextFiled中一直输入内容的话，会一直向最后显示，只有一行，这样的功能在开发中很少有用到。这时候我们只需要在TextFiled中进行设置。 Container( alignment: Alignment.topLeft, child: TextField( maxLines: 10, ...
Flutter Form表单控件超全总结
老孟Flutter
03-14 3540
注意：无特殊说明，Flutter版本及Dart版本如下： Flutter版本： 1.12.13+hotfix.5 Dart版本： 2.7.0 Form、FormField、TextFormField是表单相关控件，类似于H5中form。 FormField FormField是一个表单控件，此控件包含表单的状态，方便更新UI，通常情况下，我们不会直接使用FormField，而是使用Te...
Flutter中常用的按钮组件-Text(文本)
不二菜菜子的博客
01-31 354
Flutter中常用的按钮组件-Text(文本)
tkinter 文本框 值改变_在 Flutter中 响应文本框内容的更改
最新发布
05-12
在Flutter中响应文本框内容的更改可以使用TextEditingController类。这个类提供了一些方法来获取和设置文本框的值，并且可以添加一个监听器，以便在文本框的内容发生变化时得到通知。 以下是一个简单的示例，演示如何使用TextEditingController来监听文本框内容的更改： ``` class MyWidget extends StatefulWidget { @override _MyWidgetState createState() => _MyWidgetState(); } class _MyWidgetState extends State<MyWidget> { final TextEditingController _controller = TextEditingController(); @override void initState() { super.initState(); _controller.addListener(_printLatestValue); } void _printLatestValue() { print("Text field value: ${_controller.text}"); } @override void dispose() { _controller.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return TextField( controller: _controller, ); } } ``` 在这个示例中，我们创建了一个TextEditingController对象，并在initState方法中添加了一个监听器。每当文本框的值发生变化时，监听器都会被触发，并打印出最新的文本框值。在组件被销毁时我们必须调用dispose方法来释放资源。 最后，我们将TextEditingController对象传递给TextField组件的controller属性，以便让Flutter知道我们要监听哪个文本框。这样，当用户输入文本时，我们就能够得到通知并做出相应的处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值