如何使用颤振小部件实现虚线文本字段
如何使用颤振小部件实现虚线文本字段
提问于 2019-06-28 07:44:25
我很难理解如何实现虚线文本字段，例如使用颤振小部件附加的图像。我已经搜索了textfield类，但是无法找到解决方案。如能提供任何协助，将不胜感激。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-06-28 08:13:10
我也有同样的布局要求。所以我用了这个
它的位长和我猜混乱(因为你需要玩填充)，但肯定是工作。
输出
码
Container(
padding: EdgeInsets.only(left: 25.0, right: 25.0),
width: MediaQuery.of(context).size.width,
height: 45.0,
child: new Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
new Flexible(
child: new Container(
padding: EdgeInsets.only(left: 5.0),
child: new TextField(
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.black))),
maxLength: 1,
))),
new SizedBox(width: 10.0),
new Flexible(
child: new Container(
padding: EdgeInsets.only(left: 5.0),
child: new TextField(
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.black))),
maxLength: 1,
))),
new SizedBox(width: 10.0),
new Flexible(
child: new Container(
padding: EdgeInsets.only(left: 5.0),
child: new TextField(
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.black))),
maxLength: 1,
))),
new SizedBox(width: 10.0),
new Flexible(
child: new Container(
padding: EdgeInsets.only(left: 5.0),
child: new TextField(
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.black))),
maxLength: 1,
))),
new SizedBox(width: 10.0),
new Flexible(
child: new Container(
padding: EdgeInsets.only(left: 5.0),
child: new TextField(
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Colors.black))),
maxLength: 1,
))),
],
),
)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56802868
复制相关文章
相似问题
腾讯云开发者
