InputDecoration:用于控制TextField的外观显示,如提示文本、背景颜色、边框等。 keyboardType:用于设置该输入框默认的键盘输入类型 1:InputDecoration constInputDecoration({//接收Widget, 在输入框左侧显示的图片this.icon,//String, 输入框的描述, 当输入框获取焦点时默认会浮动到上方this.labelText,//TextStyle, 样式...
prefixIcon: Icon(Icons.person_add),//左侧图标suffixText:'密 码',//右侧文本提示suffixStyle:newTextStyle(fontSize:20),//右侧提示文案字体大小hintText:'input user pwd',//hint提示文案hintStyle:newTextStyle(color: Colors.amber),//hint提示文案字体颜色border: OutlineInputBorder( borderRadius: BorderR...
counterText: "count", counterStyle:TextStyle(color: Colors.deepPurple[800]), ///输入文字前的小图标 prefixIcon: Icon(Icons.phone), ///输入文字后面的小图标 suffixIcon: Icon(Icons.close), ///与 prefixText 不能同时设置 // prefix: Text("A") , /// 与 suffixText 不能同时设置 // suffix...
终于还是对TextField下手了,这个属性最多、功能点最多的Widget。 基本属性 TextField是一个material design风格的输入框,本身有多种属性,除此之外装饰器InputDecoration也有多种属性,但都比较简单,所以不必担心,且听我娓娓道来。
老孟导读:大家好,这是【Flutter实战】系列文章的第二篇,这一篇讲解文本组件,文本组件包括文本展示组件(Text和RichText)和文本输入组件(TextField),基础用法和五个案例助你快速掌握。 第一篇链接:【Flutter实战】移动技术发展史 Text Text是显示文本的组件,最常用的组件,没有之一。基本用法如下: ...
helperText: '密 码', prefixIcon: Icon(Icons.person_add),//左侧图标 suffixText: '密 码',//右侧文本提示 suffixStyle: new TextStyle(fontSize: 20),//右侧提示文案字体大小 hintText: 'input user pwd',//hint提示文案 hintStyle: new TextStyle(color: Colors.amber),//hint提示文案字体颜色 border...
1 TextField 简单运用 //用于控制TextField的外观显示,如提示文本、背景颜色、边框等 //InputDecoration decoration = const InputDecoration() const TextField( decoration: InputDecoration( labelText: "用户名", hintText: "用户名或邮箱", prefixIcon: Icon(Icons.person), ...
TextField是一个material design风格的输入框,本身有多种属性,除此之外装饰器InputDecoration也有多种属性,但都比较简单,所以不必担心,且听我娓娓道来。 先看一下源码,重要或常用的属性会有注释。 TextField const TextField({ Key key, this.controller,//控制器 this.focusNode,//焦点 this.decoration = const ...
prefixIcon: Icon(Icons.person), //在输入框前面添加一个用户图标 labelText: 'Username', ), ), ), ), ), ); } } ``` 在这个例子中,我们使用了`TextField`组件,并在`InputDecoration`的`prefixIcon`参数中放置了一个用户图标。 你可以根据需要更改图标,也可以使用其他自定义的`Widget`作为`prefixIcon...