如何更改flutter上的代码样式格式

Question

我正在使用 Android Studio 进行 Flutter 开发。当我尝试使用 Cmd + Opt + L 键格式化代码时，结果如下面的 #1 所示。 有没有好办法让它看起来像#2？

//#1
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
            child: Column(
      children: [
        const Text("signup page"),
        ElevatedButton(
            onPressed: () {
              debugPrint("");
            },
            child: const Text(""))
      ],
    )));
  }

//#2

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          children: [
            const Text("signup page"),
            ElevatedButton(
              onPressed: () {
                debugPrint("");
              },
              child: const Text("")
            )
          ],
        )
      )
    );
  }

我尝试使用analysis_options.yaml和.editorconfig，但我找不到按照我想要的方式配置它的选项。 有什么我可能错过的吗？

Answer 1

这是第一种带有 dart 自动格式化功能的

Text ('abcd',style:textstyle:fontSize: 20),  

但是相同的代码可以排列为

Text ('abcd',
      style:textstyle:fontSize: 20,
),  

如何做到这一点？ 只需在行尾添加

comma

即可。

Answer 2

要格式化代码，您必须添加逗号

,

，如下所示：

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          children: [
            const Text("signup page"),
            ElevatedButton(
              onPressed: () {
                debugPrint("");
              },
              child: const Text(""),
            ),
          ],
        ),
      ),
    );
  }

希望有帮助。