コンテンツにスキップ

Flutter の豆知識

自動フォーマット

以下のようなコードは１行にまとめられていてわかりづらいが、

1
2
3
4
5
import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: Center(child: Text('Hello World'))));
}

,を入れてあげれば自動フォーマットが勝手に

1
2
3
4
5
import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(home: Center(child: Text('Hello World'),),),);
}

以下のようにフォーマットしてくれる

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: Center(
        child: Text('Hello World'),
      ),
    ),
  );
}

※Dart のプラグインを入れていることが前提

エクスプレッション構文・アロー構文の変換

main()の後ろで[Option + Enter]を押下すると以下のようなプルダウンが出て変換できる

image