😨

Flutter のエラースクリーンを目と心臓に優しくする

2021/12/18に公開

初めまして、駆け出し Flutter エンジニアの seya と申します。

駆け出してエラーを起こしてしまい、このスクリーンが出てきて私は非常に驚きました。

まるで地獄のような赤。
目に悪いし心臓にも悪いです。

という訳で優しい色に変更します。

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  // ここを加えるだけ!
  ErrorWidget.builder = (FlutterErrorDetails details) {
    return Container(
      color: Colors.green,
      child: Text(
        details.toString(),
        style: TextStyle(
          fontSize: 12.0,
          color: Colors.green,
        ),
      ),
    );
  };

  runApp(
    ProviderScope(
      child: MyApp(),
    ),
  );
}

優しい色味になりました。これで落ち着いてデバッグすることができそうです。

Discussion