class TextFieldTest extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("TextField"),
),
body: TextField(
controller:TextEditingController(),//监听textfiled的变化
keyboardType:TextInputType.text,//键盘类型
textInputAction:TextInputAction.join,//键盘回车键类型
textCapitalization:TextCapitalization.words,//文字类型,首字母大写/全部大写或全小写等
autofocus: true, //是否自动激活
maxLines:1,//最大行数
maxLength:10,//最大文本长度
maxLengthEnforced:false,//超过最大长度后,是否还能输入
onChanged:(String value){
print(value);
},//文本变化时调用
onEditingComplete:(){
print("EditingComplete");
},//编辑完成时调用
onSubmitted:(String value){
print(value);
},//
// inputFormatters: //文本限制器,譬如强制文本最大长度
// obscureText:true,
decoration: InputDecoration(
icon: Icon(Icons.search), //左侧icon
labelText: "labelText", //顶部标题
helperText: "helperText",//底部描述
hintText: "hintText",//提示
// errorText:"errorText",//不为空时,helperText会被替换掉,并修改labelTextStyle
hasFloatingPlaceholder: false, //是否隐藏labelText
/**属性名中有 Icon,譬如prefixIcon 只有在textField被激活时才会显示 */
prefixIcon: Icon(Icons.bookmark), //前缀
prefix: Icon(Icons.book), //前缀
// prefixText: "prefixText",//prefixText prefix 不能共存
suffixIcon: Icon(Icons.cancel),//后缀
suffix: Icon(Icons.cancel),//后缀
// suffixText: "suffixText",//suffixText suffix 不能共存
counter: Text("counter"),//右下角显示,如计数
// counterText:"counterText",//有counter时不显示counterText
filled:true, //如果为true,Container的背景色为fillColor
//errorBorder,focusedBorder,disabledBorder,enabledBorder,border 分别为错误,激活,不可用,可用.nomal时的边框
),
));
}
}
Flutter -- Textfield
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 在flutter中遇到这样一种情况,当设置TextField的maxLines的值大于1时,其初始高度会随着max...
- 瞎扯 如题,文本输入.没啥好扯的. Input TextField 是最常用的文本输入widget. 默认情况下,...
- TextField 开发中的问题及解决: TextField输入很多文字,会横向滑动,不能自动换行解决:同时设置m...