Flutter TextField边框颜色

监听要销毁 myController.dispose();
TextField 没有height属性，这里用 maxLines 来控制高度，也可以设置 minLines，让高度随输入内容变化

class _FeedbackPageState extends State<FeedbackPage> {final myController = TextEditingController(); //输入监听@overridevoid dispose() {myController.dispose();super.dispose();}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text('意见反馈'),),body: getBodyView(),);}Container getBodyView() => Container(child: Column(children: <Widget>[Padding(padding: EdgeInsets.fromLTRB(10, 10, 10, 10),child: TextField(controller: myController,maxLines: 10,decoration: InputDecoration(hintText: "请填写您宝贵的意见",border: OutlineInputBorder(borderRadius: BorderRadius.circular(5.0),borderSide: BorderSide()),),obscureText: false, //是否是密码cursorColor: Colors.red, //光标颜色//内容改变的回调onChanged: (text) {print('change $text');},//内容提交(按回车)的回调onSubmitted: (text) {print('submit $text');},//按回车时调用onEditingComplete: () {print('onEditingComplete');},),),Container(margin: EdgeInsets.only(top: 30),width: 300,height: 40,child: RaisedButton(child: Text('提交'),color: Colors.red,textColor: Colors.white,onPressed: () {if (myController.text.length > 0) {return showDialog(context: context,builder: (context) {return AlertDialog(content: Text(myController.text),);},);} else {return showDialog(context: context,builder: (context) {return AlertDialog(content: Text('请输入内容'),);},);}},),),],),);
}

通过修改 enabledBorder 和 focusedBorder 可以调整边框在选中和失焦时的颜色

child: TextField(controller: pwdController,obscureText: true,decoration: InputDecoration(hintText: '请输入验证码',prefixIcon: Icon(Icons.lock),enabledBorder: UnderlineInputBorder(borderSide: BorderSide(color: Colors.orange),),focusedBorder: UnderlineInputBorder(borderSide: BorderSide(color: Colors.red),),),
),

套一层 Theme 修改主题颜色可以修改 TextField 选中时整体颜色（边框+prefixIcon）

Theme(data: new ThemeData(primaryColor: Colors.red),child: TextField(controller: accountController,decoration: InputDecoration(hintText: '请输入您的手机号',prefixIcon: Icon(Icons.person),),),
)

Flutter TextField边框颜色相关推荐

Flutter TextField 边框样式以及提示文本、Flutter输入文本TextField
题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. github? 你可能需要百度同步 CSDN 网易云课堂教程掘金知乎 Flutter系列文章头条同步本文章首发于微信公众号( ...
flutter TextField 属性详细分析
flutter TextField 属性简单的进行了归纳,有些是仅凭字面翻译. flutter TextField中的InputDecoration属性 TextField({Key key,thi ...
自定义UISearchBar 适配IOS6和IOS7 修改放大镜图标修改光标颜色修改边框颜色 placeholder颜色设置文本框背景
文章转自:http://blog.csdn.net/zhang_red/article/details/21447535 总结下常用的几点: 1.修改放大镜图标 [self setImage:[UII ...
flutter TextField 输入框被软键盘挡住的解决方案
flutter TextField 输入框被软键盘挡住的解决方案参考文章: (1)flutter TextField 输入框被软键盘挡住的解决方案 (2)https://www.cnblogs.co ...
html5 悬停边框,Html，css：在悬停时更改行的边框颜色(Html,css: Change a row's border colow on hover)...
Html,css:在悬停时更改行的边框颜色(Html,css: Change a row's border colow on hover) 我正在使用DataTables,我试图在行悬停时将行的顶部和 ...
android wps表格如何设置边框颜色
今天,简单讲讲如何使用WPS Excel设置表格边框. 这个可以说可android的关系不大,但是之前工作时,组长让我写一下工作计划要求用表格写.我完成后,组长说要是美观一些就好,于是自己查询了相关资 ...
UIButton设置圆角和边框及边框颜色
为什么80%的码农都做不了架构师?>>> UIButton设置圆角和边框及边框颜色 [box.actionButton.layer setMasksToBounds:YES]; ...
介绍一个修改 Visual Studio Code 侧边框颜色的扩展 Peacock
日复一日在 Visual Studio Code 里编辑代码,你是否对其一成不变的侧边框颜色厌倦了呢? https://www.peacockcode.dev/guide/#overview 那就试试 ...
html边框自动变颜色,css怎么设置边框颜色？
元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线.每个边框有 3 个方面:宽度.样式,以及颜色.下面我们就来看一下css设置边框颜色的方法. css可以 ...

Flutter TextField边框颜色

Flutter TextField边框颜色相关推荐

最新文章

热门文章