分隔线和行之间的填充很大

时间:2018-12-19 10:59:08

标签: dart flutter

我有一个编辑文本和图标..,我想在它们下一行..所以我在它们之后添加了一个分隔符,如下所示:

 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()
                    ],
                  ),

但是该行与其他小部件之间的空间很大,如图所示:

enter image description here

如何缩小尺寸?

1 个答案:

答案 0 :(得分:0)

我刚刚将此添加到了TextField

contentPadding: EdgeInsets.symmetric(vertical: 0),

这解决了问题。