我有一个圆形的文本域。它工作得很好,但是当用户点击它的时候,一个灰色的背景出现了。我怎样才能禁用这个飞溅效果呢?
这是我的代码和结果:
new Container(
margin: const EdgeInsets.only(left: 30.0, top: 60.0, right:
30.0),
height: 40.0,
decoration: new BoxDecoration(
color: Colors.white,
borderRadius: new BorderRadius.all(new Radius.circular(25.7))
),
child: new Directionality(
textDirection: TextDirection.ltr,
child: new TextField(
controller: null,
autofocus: false,
style:
new TextStyle(fontSize: 22.0, color: Color(0xFFbdc6cf)),
decoration: new InputDecoration(
filled: true,
fillColor: Colors.white,
hintText: 'Username',
contentPadding: const EdgeInsets.only(
left: 14.0, bottom: 8.0, top: 8.0),
focusedBorder: OutlineInputBorder(
borderSide: new BorderSide(color: Colors.white),
borderRadius: new BorderRadius.circular(25.7),
),
enabledBorder: UnderlineInputBorder(
borderSide: new BorderSide(color: Colors.white),
borderRadius: new BorderRadius.circular(25.7),
),
),
))),
4条答案
按热度按时间2w3rbyxf1#
这看起来像是由文本域的飞溅效果引起的,我找不到一种方法来禁用这个特定的小部件,但是你可以通过将你的
TextField
Package 在一个Theme
小部件中并将splashColor
设置为透明来使它透明:jslywgbw2#
“ Flutter 文本域背景色”
*更改flutter中TextField的边框颜色
文本字段窗体颜色抖动
** Flutter 文本窗体域背景色**
浮动文本域标签颜色
彩色文本域文本抖动
3df52oht3#
使用BorderSide.none作为:
eqqqjvef4#
这是一个4年前的问题,现在很多东西都已经改变了,但我会回答这个问题,因为我最近经历了这样的要求,我敢打赌,这个解决方案将为每个人工作,所以让我们开始吧。所以,根据我的理解,你有一个以上的文本字段在您的屏幕上,你想改变颜色时,你点击输入不同的文本字段。因此,它可以做很多不同的方式,我将分享我喜欢的最直观的方式。步骤:-1.使颜色变量的每一个textFields你是在你的屏幕上。2.初始化默认颜色在InItState(){}。(例如,我想我的所有字段没有颜色,所以我将颜色。透明)3.使填充:4.将filledColor设置为您为特定textField的颜色创建的变量。5.更改onTap变量的值:现在你的面条已经准备好了,只要在阅读完这些步骤后浏览代码就可以了。