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...