使用Dart语法关闭UI小部件树结构的困难

Question

我在用Dart构建UI方面经历了一段非常艰难的时间。 这就是我被困住的地方:

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      resizeToAvoidBottomPadding: false,
      appBar: AppBar(
        title: Text(widget.title),
        centerTitle: true,
      ),
      body: Center(
        child: Column(
            children: [
              SizedBox(
                  width: MediaQuery.of(context).size.width,  // or use fixed size like 200
                  height: MediaQuery.of(context).size.height,
                  child: GoogleMap(
                      onMapCreated: _onMapCreated,
                      initialCameraPosition: CameraPosition(
                        target: _center, zoom: 11.0))
    ]);
    }
}

我试过用上千种不同的方法来解决这个问题。 我不明白。 有什么插件可以帮我做这个吗？ :/

Answer 1

请尝试以下操作:

您只需使用；来关闭return小部件。 在本例中，scaffold()；

另外，尝试使用，，就像我在省道格式化程序中使用的那样，帮助您像我一样缩进这个文件。

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _scaffoldKey,
      resizeToAvoidBottomPadding: false,
      appBar: AppBar(
        title: Text(widget.title),
        centerTitle: true,
      ),
      body: Center(
        child: Column(
          children: [
            SizedBox(
              width: MediaQuery.of(context)
                  .size
                  .width, // or use fixed size like 200
              height: MediaQuery.of(context).size.height,
              child: GoogleMap(
                onMapCreated: _onMapCreated,
                initialCameraPosition: CameraPosition(
                  target: _center,
                  zoom: 11.0,
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}