【Flutter】関数化したい。

Question

前提

Flutterのログイン画面で
firestoreにある情報をもとに画面遷移先を分けたい。
分ける処理を関数化したときにエラーが出ている。

実現したいこと

関数のエラーをなくす。

発生している問題・エラーメッセージ

The argument type 'Future<Widget>' can't be assigned to the parameter type 'Widget?'.

The body might complete normally, causing 'null' to be returned, but the return type, 'FutureOr<Widget>', is a potentially non-nullable type.
Try adding either a return or a throw statement at the end.

該当のソースコード

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<LoginModel>(
        create: (_) => LoginModel(),
        child: Consumer<LoginModel>(builder: (context, model, child) {
          model.checkRole();
          return
          MaterialApp(
              theme: ThemeData(primarySwatch: Colors.orange),
              debugShowCheckedModeBanner: false,
              home: checkRole());
        }));
  }
}


Future<Widget> checkRole() async {
  String? role;

   String? uid = SharedPrefs.fetchUid();
    print(uid);
    final DocumentSnapshot sharedprefdocumentSnapshot =
        await FirebaseFirestore.instance.collection("users").doc(uid).get();

    print("ドキュメントスナップショット");
    print(uid);

    role = sharedprefdocumentSnapshot["role"];
    print(role);
    
  if(role == "admin"){
    const AdminPage();
  }else if(role == "user"){
    const UserNavigator();
  }
}

試したこと

materialAppが求める型にあってないみたいなので、
<Widget>を<void>に変更すると
エラーは

The argument type 'Future<void>' can't be assigned to the parameter type 'Widget?'.

だけになった

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

Flutter 3.0.5

Answer 1

現在の実装だと関数化したcheckRoleでFuture<Widget>ではなくWidgetを返すことはできないです。
関数化はあきらめたほうが良いです。（ほかの部分のコードにも変更を加えれば可能かもしれませんが）

提示されているように、awaitな情報の結果を使ってウィジェットを構築する場合にはFutureBuilderを使うのが一般的です。
roleの取り出しをFuture関数化してそれをウィジェット作成のためFutureBuilderを使ったウィジェットオブジェクトに渡すような実装でしょうか。

以下FutureBuilderを使った例です。
実行、構文チェックはできてないですが、以下の様な実装であればできるかもしれません。
(model.checkRole();は何をしているのかここでは不明だったので残してあります）

class MyApp extends StatelessWidget {

  Future<String> checkRole() async {
    String? uid = SharedPrefs.fetchUid();
    print(uid);
    final DocumentSnapshot sharedprefdocumentSnapshot =
        await FirebaseFirestore.instance.collection("users").doc(uid).get();

    print("ドキュメントスナップショット");
    print(uid);
    return sharedprefdocumentSnapshot["role"];
  }

  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<LoginModel>(
        create: (_) => LoginModel(),
        child: Consumer<LoginModel>(builder: (context, model, child) {
          model.checkRole();
          return MaterialApp(
              theme: ThemeData(primarySwatch: Colors.orange),
              debugShowCheckedModeBanner: false,
              home: CheckRole(checkRole()));
        }));
  }
}

// 以下が関数checkRoleをウィジェットクラス化したもの
class CheckRole extends StatelessWidget {
  const CheckRole(this.future, {Key? key}) : super(key: key);

  final Future<String> future;

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<String>(
      future: future,
      builder: (context, snapshot) {
        if (snapshot.hasData) {
          if (snapshot.data == "admin") {
            return const AdminPage();
          } else if (snapshot.data == "user") {
            return const UserNavigator();
          }
        }
        return const Text("no data");
      },
    );
  }
}

Comments

[my0930]

関数化は諦めて、home:以降にFuture builderと
model.checkRole、model.roleを使って画面遷移できました！

```ここに言語を入力
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ChangeNotifierProvider<LoginModel>(
create: (_) => LoginModel(),
child: Consumer<LoginModel>(builder: (context, model, child) {
return MaterialApp(
theme: ThemeData(primarySwatch: Colors.orange),
debugShowCheckedModeBanner: false,
home: FutureBuilder<dynamic>(
future: model.checkRole(),
builder: (context, snapshot) {
print("モデルデータは");
print(model.role);
print("スナップショットデータは");
print(snapshot.data);

if (model.role == "admin") {
return const AdminPage();
} else if (model.role == "user") {
return const UserNavigator();
}

return const Text("no data");
},
));
}));
}
}
```

このままだとsnapshotがnullのままなので無理くりmodelで分けてます。
Future builderのこともう少し調べてみます。ありがとうございました！