flutterでエラー表示を無くす方法について

Question

実現したいこと

flutterでエラー表示を無くしたいです。

前提

flutterでアプリを作成しているのですがSharedPreferencesでnullを取得するとエラー画面になります。
このエラー画面自体は1秒ほどで収まり正常な画面になるのですが、気になります。
審査で落ちる可能性もあるのでできる限り回避したいです。エラーメッセージなどは特にありません。


エラーメッセージ

該当のソースコード

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'package:shared_preferences/shared_preferences.dart';
import 'home_page.dart';

class FirstPage extends StatefulWidget {
  const FirstPage({super.key, required this.title});

  final String title;

  @override
  State<FirstPage> createState() => _FirstPageState();
}

class _FirstPageState extends State<FirstPage> {
  @override
  void initState() {
    super.initState();
    fetchData();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
    //省略
    );
  }

  Future<void> fetchData() async {
    //ここ
    final prefs = await SharedPreferences.getInstance();
    bool isFirstRun = prefs.getBool('is_first_run') ?? true;
    //省略
  }
}

試したこと

エラーハンドリングを実装しましたが、そもそもエラー扱いでないので変わりません

try {
    final prefs = await SharedPreferences.getInstance();
    bool isFirstRun = prefs.getBool('is_first_run') ?? true;
  } catch (e) {
    print('エラーが発生しました: $e');
  }

補足情報（FW/ツールのバージョンなど）

Dart SDK version: 3.0.6 (stable) (Tue Jul 11 18:49:07 2023 +0000) on "macos_x64"
Pixel 6 Pro API 32

Answer 1

画面にそのエラーが表示されるのはbuild時に例外(nullアクセス)が発生してbuildが継続できなかった場合です。fetchData内でのエラーではないとも思います。しばらくしたら消えるとのことなので、fetchDataが完了する前にそのデータにアクセスしているんじゃないでしょうか？

VSCで開発している場合は、ブレークポイントのAll Exceptionsにチェックを入れておくとcatchされていても例外が発生した時点でブレークするので問題個所がすぐわかると思いますよ(Android Studioでも同様のがあったはず)。