美文网首页
TextField常用属性

TextField常用属性

作者: 码农_小斌哥 | 来源:发表于2021-11-17 16:10 被阅读0次
    import 'package:flutter/material.dart';
    import 'package:flutter/services.dart';
    
    class TextFieldPage extends StatelessWidget {
      Widget buildTextField(TextEditingController controller) {
        return TextField(
          controller: controller,
          maxLength: 30,//最大长度,设置此项会让TextField右下角有一个输入数量的统计字符串
          maxLines: 1,//最大行数
          autocorrect: true,//是否自动更正
          autofocus: true,//是否自动对焦
          obscureText: true,//是否是密码
          textAlign: TextAlign.center,//文本对齐方式
          style: TextStyle(fontSize: 30.0, color: Colors.blue),//输入文本的样式
          inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],//允许的输入格式
          onChanged: (text) {//内容改变的回调
            print('change $text');
          },
          onSubmitted: (text) {//内容提交(按回车)的回调
            print('submit $text');
          },
          enabled: true,//是否禁用
        );
      }
    
      @override
      Widget build(BuildContext context) {
        final controller = TextEditingController();
        controller.addListener(() {
          print('input ${controller.text}');
        });
        return Scaffold(
          appBar: AppBar(
            title: Text('TextField'),
          ),
          body: Padding(
            padding: const EdgeInsets.all(20.0),
            child: buildTextField(controller),
          ),
        );
      }
    }
    

    相关文章

      网友评论

          本文标题:TextField常用属性

          本文链接:https://www.haomeiwen.com/subject/ddzdtrtx.html