Android 在“颤振”中的操作栏和标题之间添加一些空格

如何在操作栏和标题

textField

之间添加一些空格

添加工作请求

class AddWorkRequest extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
          color: Colors.white
      ),
      child: AddWorkRequestForm(),
    );
  }
}

AddWorkRequestForm

class AddWorkRequestForm extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return new _AddWorkRequestPage();
  }
}

class _AddWorkRequestPage extends State<AddWorkRequestForm> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
        appBar: new AppBar(
          title: new Text("Add Work Request"),
        ),
        body: new Column(
          children: <Widget>[
            titleField(),
            Container(margin: EdgeInsets.only(top: 10.0, bottom: 5.0)),
            detailDescriptionField(),
            Container(margin: EdgeInsets.only(top: 10.0, bottom: 5.0)),
            locationField(),
            Container(margin: EdgeInsets.only(top: 10.0, bottom: 5.0)),
            Align(
              alignment: Alignment.centerLeft,
              child: Container(
                child: Text(
                  'Photos',
                  style: new TextStyle(fontSize: 20.0, fontFamily: 'Roboto'),
                ),
              ),
            )
          ],
        ));
  }

  Widget detailDescriptionField() {
    return StreamBuilder(builder: (context, snapshot) {
      return TextFormField(
          decoration: InputDecoration(
            labelText: StringConstant.detailDescription,
            border: OutlineInputBorder(
                borderRadius: new BorderRadius.circular(10.0),
                borderSide: BorderSide()),
          ));
    });
  }

  Widget locationField() {
    return StreamBuilder(builder: (context, snapshot) {
      return TextFormField(
          decoration: InputDecoration(
            labelText: StringConstant.location,
            border: OutlineInputBorder(
                borderRadius: new BorderRadius.circular(10.0),
                borderSide: BorderSide()),
          ));
    });
  }

  Widget titleField() {
    return StreamBuilder(builder: (context, snapshot) {
      return TextFormField(
          decoration: InputDecoration(
            labelText: StringConstant.title,
            border: OutlineInputBorder(
                borderRadius: new BorderRadius.circular(10.0),
                borderSide: BorderSide()),
          ));
    });
  }
}

类AddWorkRequestForm扩展StatefulWidget{
@凌驾
状态createState（）{
//TODO:实现createState
返回新的_AddWorkRequestPage（）；
}
}
类_AddWorkRequestPage扩展状态{
@凌驾
小部件构建（构建上下文）{
归还新脚手架(
appBar：新的appBar(
标题：新文本（“添加工作请求”），
),
正文：新栏目(
儿童：[
titleField（），
容器（仅限边缘集（顶部：10.0，底部：5.0）），
detailDescriptionField（），
容器（仅限边缘集（顶部：10.0，底部：5.0）），
locationField（），
容器（仅限边缘集（顶部：10.0，底部：5.0）），
对齐(
对齐：alignment.centerLeft，
子：容器(
子：文本(
“照片”，
样式：新的文本样式（fontSize:20.0，fontFamily:“Roboto”），
),
),
)
],
));
}
Widget detailDescriptionField（）{
返回StreamBuilder（生成器：（上下文，快照）{
返回TextFormField(
装饰：输入装饰(
labelText:StringConstant.detailDescription，
边框：大纲输入边框(
边界半径：新边界半径。圆形（10.0），
borderSide:borderSide（）），
));
});
}
小部件位置字段（）{
返回StreamBuilder（生成器：（上下文，快照）{
返回TextFormField(
装饰：输入装饰(
labelText:StringConstant.location，
边框：大纲输入边框(
边界半径：新边界半径。圆形（10.0），
borderSide:borderSide（）），
));
});
}
小部件标题字段（）{
返回StreamBuilder（生成器：（上下文，快照）{
返回TextFormField(
装饰：输入装饰(
labelText:StringConstant.title，
边框：大纲输入边框(
边界半径：新边界半径。圆形（10.0），
borderSide:borderSide（）），
));
});
}
}

您可以将

titleField（）

小部件包装在

填充中

并仅提供顶部填充，以便在操作栏和字段之间留出更多空间，如下所示：

Padding(
              padding: EdgeInsets.only(top: 10),
              child: titleField()
            ),
            Container(margin: EdgeInsets.only(top: 10.0, bottom: 5.0)),

输出为：

---

希望这能回答您的问题。

您可以将

titleField（）

小部件包装在

Padding

中，只提供顶部填充，以便在操作栏和字段之间留出更多空间，如下所示：

Padding(
              padding: EdgeInsets.only(top: 10),
              child: titleField()
            ),
            Container(margin: EdgeInsets.only(top: 10.0, bottom: 5.0)),

输出为：

希望这能回答你的问题