Column(children:[// 输入框(同上一步)TextField(controller:_controller),// 按钮 1:获取文本并打印ElevatedButton(onPressed:(){StringinputText=_controller.text;// 读取文本print('用户输入:$inputText');},child:Text('获取输入'),),// 按钮 2:设
import 'package:flutter/material.dart';void main() {runApp(MyApp());}class MyApp extends StatelessWidget {const MyApp({super.key});@overrideWidget build(BuildContext context) {return MaterialApp(home: Scaffold(appBar: AppBar(title: const Text('RichText Example')),body: Center(child: RichText...
Key key,this.controller,//编辑框的控制器,跟文本框的交互一般都通过该属性完成,如果不创建的话默认会自动创建this.focusNode,//用于管理焦点this.decoration =constInputDecoration(),//输入框的装饰器,用来修改外观TextInputType keyboardType,//设置输入类型,不同的输入类型键盘不一样this.textInputAction,//用于控...
之后我们通过TextField的controller清空输入文本,销毁当前页面,跳转到空白页面下后,同时在 Flutter devTool 上主动点击 GC 清理数据,最后再回到终端执行find abcd12345,结果如下图所以: 可以看到这时候还有 5 个相关数据存在内存,这里挑选一个地址,如0x7194a57b执行dump命令:dump 0x7194a500 0x7194a5ff,结果如下图所...
Widgetbuild(BuildContext context){returnnewColumn(children:Widget// 当TextField 第一次创建时,controller会包含初始值,// 当用户修改文本框内容时,会修改controller的值。controller:_controller,),newRaisedButton(onPressed:(){// 通过clear()可以清空controller的值。_controller.clear();},child:newText('清空...
controller:控制输入框的文本内容,可以通过TextEditingController进行管理。 decoration:输入框的装饰,可以定义输入框的边框、背景、提示文本等样式。 icon:设置左边显示的图标 labelText:在输入框上面显示一个提示的文本 hintText:显示提示的占位文字 border:输入框的边框,默认底部有一个边框,可以通过 InputBorder.none 删...
TextEditingController是一个控制文本输入框的控制器类,使用它来获取输入框TextField中的文本内容,以及监听输入框的变化。TextFormField是TextField的一个包装器(两者功能接近),它提供了更多的功能和验证选项,内置了表单验证和错误提示功能,例如 l textInputAction:键盘上显示的动作,比如下一个、搜索 ...
newTextField( //绑定控制器 controller:_editingController, ), 1. 2. 3. 4. 第三步就是TextEditingController控制器常用方法,代码如下: /// 获取TextField中输入的内容 StringgetEditeInputTextFunction(){ return_editingController.text; } /// 设置TextField中显示的内容 ...
TextRich实现富文本和Text.rich()都能实现富文本 二:输入框TextField const TextField({ Key? key, this.controller,//控制器,通过它可以获取文本内容,监听编辑文本事件,大多数情况下我们需要主动提供一个控制器 this.focusNode,//焦点控制 this.decoration = const InputDecoration(),//用于控制文本的外观,如提示...
newTextField( //绑定控制器 controller:_editingController, ), 1. 2. 3. 4. 第三步就是TextEditingController控制器常用方法,代码如下: /// 获取TextField中输入的内容 StringgetEditeInputTextFunction(){ return_editingController.text; } /// 设置TextField中显示的内容 ...