创建一个输入框很简单,在需要的地方用TextField()就行了。比如下面就是一个登录页面的输入框 给输入框加边框 加边框用装饰器 TextField( decoration: InputDecoration( border: OutlineInputBorder(),//边框,默认颜色会跟随主题 filled: true, fillColor: Colors.white54,//填充颜色 hintText: '请输入账号',//...
TextInputType keyboardType, //设置输入类型,不同的输入类型键盘不一样 this.textInputAction, //用于控制键盘动作(一般位于右下角,默认是完成) this.textCapitalization = TextCapitalization.none, this.style, //输入的文本样式 this.textAlign = TextAlign.start, //输入的文本位置 this.textDirection, //输入...
InputDecoration( ///设置输入文本框的提示文字 ///输入框获取焦点时 并且没有输入文字时 hintText: "请输入用户名", ///设置输入文本框的提示文字的样式 hintStyle: TextStyle(color: Colors.grey,textBaseline: TextBaseline.ideographic,), ///输入框内的提示 输入框没有获取焦点时显示 labelText: "用户名...
TextField( decoration: InputDecoration( labelText: "请输入用户名", prefixIcon: Icon(Icons.person), // 未获得焦点下划线设为灰色 enabledBorder: UnderlineInputBorder( borderSide: BorderSide(color: Colors.grey), ), //获得焦点下划线设为蓝色 focusedBorder: UnderlineInputBorder( borderSide: BorderSide(...
TextField(controller:_inputController,//控制器focusNode:_inputFocusNode,//焦点style:TextStyle(fontSize:16,color:Colors.black87),//文字大小、颜色maxLines:10,//最多多少行minLines:1,//最少多少行onChanged:(text){//输入框内容变化回调setState((){});},decoration:InputDecoration(fillColor:Colors....
分析源码可得,TextField 是有状态 StatefulWidget,有丰富的属性,自定义化较高,实践中需要合理利用各种回调;1、光标的相关属性;cursorColor 为光标颜色,cursorWidth 为光标宽度,cursorRadius 为光标圆角;其中 Radius 提供了 circle 圆角和 elliptical 非圆角两种;...
TextField( controller: _inputController,//控制器 focusNode: _inputFocusNode,//焦点 style: TextStyle(fontSize: 16, color: Colors.black87),//文字大小、颜色 maxLines: 10,//最多多少行 minLines: 1,//最少多少行 onChanged: (text) {//输入框内容变化回调 ...
TextField( decoration: InputDecoration( labelText: 'Username', labelStyle: TextStyle( color: Colors.red, // 设置标签文本颜色为红色 ), ), ) 在上述代码中,我们通过设置labelStyle的color属性为Colors.red来将标签文本的颜色设置为红色。你可以根据需要自行调整颜色值。
decoration属性用于定义输入框的装饰,包括边框、背景、提示文本等样式。它使用InputDecoration类来配置输入框的外观。以下是一个示例: TextField( decoration: InputDecoration( border: OutlineInputBorder(), filled:true, fillColor: Colors.grey[200], hintText:'Enter your name', hintStyle: TextStyle(color: Col...
TextField 系列文章 1 引言 1.1 情景一 一个文本框默认情况下 可编辑 (允许输入文本的情况)获取焦点(正在输入文本)下,会有默认的一个下划线,这个下划线的颜色是获取的MaterialApp 组件中 them 配置的 textTheme 主题中的样式。 1.2 情景二 当本框可编辑,但是并没有获取焦点时(也就是没在输入时),也会有一个样...