Flutter開発で知らないと損すること

ライブラリのインポートの解決

これを↓簡単にインポートする方法です。
file

VSCODEでライブラリをインポートしていないと使えないよ！
って下線が入って教えてくれます。
file

そこにマウスを当てると、Quick Fixでてくるのでそれを押す。
file
もしくはカーソルを合わせて Ctrl + . を押す。

解決方法が出てくるので、それをクリックする。
file

インポートされる。
file

色を設定するときはちゃんとテーマで管理して！

MaterialAppはthemeというのがあって、そこで色とかサイズのデフォルト値が設定できます。
開発するなら、早い段階でテーマをちゃんと使おう。

return MaterialApp(
  title: 'Flutter',
  theme: ThemeData(
    // primarySwatch: Colors.blueGrey,
    primaryColor: Colors.blue.shade50,
    floatingActionButtonTheme: FloatingActionButtonThemeData(
      foregroundColor: Colors.black,
      backgroundColor: Colors.blue.shade100,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(15),
      ),
    ),
    // buttonTheme: ButtonThemeData(
    //     buttonColor: Colors.blue.shade50, focusColor: Colors.blue.shade50),
    appBarTheme: AppBarTheme(
      foregroundColor: Colors.blueGrey.shade700,
      backgroundColor: Colors.blueGrey.shade50,
      elevation: 0,
    ),
  ),
  …
  …