Dart 格式在 vscode 中很奇怪

Posted 2023-02-23

【中文标题】Dart 格式在 vscode 中很奇怪

【英文标题】：Dart format is weird in vscode

【发布时间】：2020-11-20 21:39:42

【问题描述】：

我的 dart 文件格式很奇怪

    return Scaffold(
        backgroundColor: bgColor,
        body: SafeArea(
            child: Container(
          decoration: BoxDecoration(
              image: DecorationImage(
                  image: AssetImage('assets/$bgImage'), fit: BoxFit.cover)),
          child: Padding(
            padding: const EdgeInsets.fromLTRB(0, 120, 0, 0),
            child: Column(
              children: <Widget>[
                FlatButton.icon(

如何进行设置，以便正常的小部件树可以正确缩进。

另外，我设置了“editor.rulers”：[120]，这仍然给了我不想要的自动缩进：

                    onPressed: () async 
                      **dynamic result =
                          await Navigator.pushNamed(context, '/location');**
                      setState(() 
                        data = 
                          'time': result['time'],
                          'location': result['location'],
                          'flag': result['flag'],
                          'isDaytime': result['isDaytime']
                        ;
                      );
                    ,

【问题讨论】：

vs 代码告诉你把一个尾随逗号放在右边

不是真的，vscode 那里没有警告或错误

【参考方案1】：

在参数列表中使用尾随逗号。

没有尾随逗号：

Foo(arg1: ..., arg2: ...)

尾随逗号：

Foo(
  arg1: ...,
  arg2: ..., // notice the comma
)

例如：

decoration: BoxDecoration(
  image: DecorationImage(
    image: AssetImage('assets/$bgImage'), 
    fit: BoxFit.cover, // add a comma here
  ), // add a comma here
),

【讨论】：

decoration: BoxDecoration( 没有缩进的 ling。

确保容器的参数列表以逗号结尾。