我有一个编辑文本和图标..,我想在它们下一行..所以我在它们之后添加了一个分隔符,如下所示:
new Column(
children: <Widget>[
new Row(
children: <Widget>[
new Image.asset(
'assets/sa-logo.png',
width: 20.0,
height: 13.0,
),
Padding(
padding: EdgeInsets.only(left: 5.0, right: 5.0),
child: new Text(
'+966',
style: TextStyle(
fontSize: 15.0, color: Colors.grey),
),
),
new Flexible(
child: new TextField(
style: new TextStyle(
fontSize: 20.0,
color: Colors.black,
),
decoration: new InputDecoration(
border: InputBorder.none,
hintText: '5xxxxxxxx',
hintStyle: new TextStyle(
fontSize: 20.0,
),
),
keyboardType: TextInputType.number,
onChanged: (String value) {
this._data.phone = value;
setState(() {
phonelength = value.length;
done();
});
}),
),
],
),
Divider()
],
),
但是该行与其他小部件之间的空间很大,如图所示:
如何缩小尺寸?
答案 0 :(得分:0)
我刚刚将此添加到了TextField
:
contentPadding: EdgeInsets.symmetric(vertical: 0),
这解决了问题。