how to change code style format on flutter

Question

I am developing with Flutter using Android Studio. When I try to format the code using the Cmd + Opt + L keys, it ends up like #1 below. Is there a good way to make it look like #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("")
            )
          ],
        )
      )
    );
  }

I tried using analysis_options.yaml and .editorconfig, but I couldn't find an option to configure it the way I want. Is there anything I might have missed?

control+shift+f

Anu Desai
– Anu Desai

2024-10-03 06:52:29 +00:00
Commented Oct 3, 2024 at 6:52 — Anu Desai
– Anu Desai, Commented Oct 3, 2024 at 6:52
Try cmd+alt+L key to format code.

DroidFlutter
– DroidFlutter

2024-10-03 06:59:02 +00:00
Commented Oct 3, 2024 at 6:59 — DroidFlutter
– DroidFlutter, Commented Oct 3, 2024 at 6:59

MHMD · Accepted Answer · 2024-10-03 07:12:31Z

2

To formate the code you have to add commas , commas make the code take the line for itself,

like this:

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

Hope that helps.

edited Oct 3, 2024 at 7:12

answered Oct 3, 2024 at 6:56

MHMD

5704 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ram Gupta · Accepted Answer · 2024-10-03 06:56:21Z

1

this is the first kind with dart autoformatting

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

but the same code can be arranged as

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

how can this be done? simply add a comma at the end of line.

answered Oct 3, 2024 at 6:56

Ram Gupta

3463 silver badges14 bronze badges

Collectives™ on Stack Overflow

how to change code style format on flutter

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related