Flutter — Textfield

作者 : 开心源码 本文共1407个字,预计阅读时间需要4分钟 发布时间: 2022-05-12 共222人阅读
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时的边框          ),        ));  }}

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » Flutter — Textfield

发表回复