Dart format is weird in vscode

Question

My dart file is formatted weirdly

    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(

How to do the settings so the normal widget tree can indent properly.

Also, I've set "editor.rulers": [120], this still give me auto indentation that I do not want:

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

Answer 1

Use trailing commas in the arguments list.

Without trailing commas:

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

With trailing commas:

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

for eg.:

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