创建一个输入框很简单,在需要的地方用TextField()就行了。比如下面就是一个登录页面的输入框 给输入框加边框 加边框用装饰器 TextField( decoration: InputDecoration( border: OutlineInputBorder(),//边框,默认颜色会跟随主题 filled: true, fillColor: Colors.white54,//填充颜色 hintText: '请输入账号',//...
helperText可以帮助我们在TextField下面显示一行提示文字,同样我们也可以使用helperStyle来设置这段提示文字的样式。 8. 点击后的提示 hintText TextField( decoration: InputDecoration( labelText:"点击后会有提示", hintText:"我是点击后的提示", hintStyle: TextStyle(color: Colors.red), ), ) hintText参数可...
helperText可以帮助我们在TextField下面显示一行提示文字,同样我们也可以使用helperStyle来设置这段提示文字的样式。 8. 点击后的提示 hintText TextField( decoration: InputDecoration( labelText: "点击后会有提示", hintText: "我是点击后的提示", hintStyle: TextStyle(color: Colors.red), ), )复制代码 1....
Widget_getTextField(){returnTextField(//控制大小写textCapitalization:TextCapitalization.none,decoration:InputDecoration(//textfield占位语,类似于iOS中的placeholderhintText:"123",//占位语颜色hintStyle:TextStyle(color:Colors.black12),),);} 运行效果: 获取焦点后: 设置TextField下划线和边框 我们发现TextFiel...
1. Theme 修改主题颜色可以修改 TextField 选中时整体颜色(边框+prefixIcon) Theme( data:newThemeData(primaryColor: Colors.red), child: TextField( controller: accountController, decoration: InputDecoration( hintText:'请输入您的手机号', prefixIcon: Icon(Icons.person), ...
TextField是用于输入文本信息的UI控件.常见效果如下: 基础样例 1.普通输入 效果图 代码 TextField() 1. 2.设置输入框提示信息 效果图 代码 TextField(decoration: InputDecoration(hintText: "花生皮编程"),) 1. 3.设置文字颜色 效果图 代码 TextField(style: TextStyle(color: Color.fromRGBO(0xFF, 0x50,...
hintText: "请输入" ) 悬浮提示 悬浮提示就是当获取焦点后的输入信息的提示(不太常用) decoration: InputDecoration( lableText: "请输入" ) 另外InputDecoration还支持设置其他border,例如错误状态、获取交点状态、不可用状态等都能自定义。 软键盘 textInputAction: 软键盘按钮样式和功能设置(none、unspecified、done...
1 TextField 简单运用 //用于控制TextField的外观显示,如提示文本、背景颜色、边框等 //InputDecoration decoration = const InputDecoration() const TextField( decoration: InputDecoration( labelText: "用户名", hintText: "用户名或邮箱", prefixIcon: Icon(Icons.person), ...
Flutter中的文本输入框使用TextField 这个组件来表示。主要的属性如下: 1. maxLines 最大输入行。...默认为单行输入框,配置此参数后则为多行输入框; 2. onChanged 输入改变触发的事件。可以获取当前输入改变以后的值; 3. obscureText 隐蔽的文本。...主要用于密码输入.
TextField( decoration: InputDecoration( labelText: 'Username', labelStyle: TextStyle( color: Colors.red, // 设置标签文本颜色为红色 ), ), ) 在上述代码中,我们通过设置labelStyle的color属性为Colors.red来将标签文本的颜色设置为红色。你可以根据需要自行调整颜色值。