トップ Firebaseに関する質問 Flutter ChangeNotifierによるStreamの取得でConnectionState.waitingのエラーが発生する

編集履歴

回答編集履歴

補足

2020/02/22 08:06

投稿

popobot

スコア6588

answer CHANGED Viewed

@@ -1,4 +1,4 @@
-※ 以下の回答は正しくありませんでした。
+※ 以下の回答は正しくありませんでした。`onAuthStateChanged`のStreamにおいては該当しません。
 ----

補足

2020/02/22 08:06

投稿

popobot

スコア6588

answer CHANGED Viewed

@@ -1,3 +1,9 @@
+※ 以下の回答は正しくありませんでした。
+----
+**最初の回答**
 通常`Stream`は`StreamBuilder`等で複数回`listen()`できません。
 `StreamController.broadcast()`等~~`asBroadcastStream`~~を使って、`Broadcast`な`Stream`にすればできると思います。

補足

2020/02/22 08:05

投稿

popobot

スコア6588

answer CHANGED Viewed

@@ -19,6 +19,8 @@
 手元で検証したところ、`onAuthStateChanged` の `Stream` を複数回 listen しても問題なかったです。
 以下、検証したコードを貼っておきます。
+なお、以下のコードで、 `userPage()`をさらに増やしてホットリロードすると、`ConnectionState.waiting`のままになる現象が再現しました。ビルドし直すと直ります。発生している現象はこれかもしれないです。
 ```
 import 'package:firebase_auth/firebase_auth.dart';
 import 'package:flutter/material.dart';

ログインのバグを修正...

2020/02/21 23:38

投稿

popobot

スコア6588

answer CHANGED Viewed

@@ -48,12 +48,16 @@
   @override
   void initState() {
-    if (FirebaseAuth.instance.currentUser() == null) {
-      FirebaseAuth.instance.signInAnonymously();
-    }
     super.initState();
+    login();
   }
+  Future<void> login() async {
+    if (await FirebaseAuth.instance.currentUser() == null) {
+      await FirebaseAuth.instance.signInAnonymously();
+    }
+  }
   @override
   Widget build(BuildContext context) {
     return Container(

検証したコードを貼った...

2020/02/21 23:33

投稿

popobot

スコア6588

answer CHANGED Viewed

@@ -10,4 +10,98 @@
 > また、Flutter初心者で実装方法が合っているか不確かで、マイページのようにユーザー情報を表示する画面ではどのようにChangeNotifierで値を渡しているのかご教示いただけると大変嬉しいです。
 (ChangeNotifier以外でも良い方法があれば教えてください。。)
-ChangeNotifierなどの、状態を管理するライブラリとしては、 [provider](https://pub.dev/packages/provider)を使うのが一般的だと思います。もしご存じなければ、調べてみてもいいかもしれません。
+ChangeNotifierなどの、状態を管理するライブラリとしては、 [provider](https://pub.dev/packages/provider)を使うのが一般的だと思います。もしご存じなければ、調べてみてもいいかもしれません。
+----
+**2020-02-22 追記**
+手元で検証したところ、`onAuthStateChanged` の `Stream` を複数回 listen しても問題なかったです。
+以下、検証したコードを貼っておきます。
+```
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:flutter/material.dart';
+void main() => runApp(MyApp());
+class MyApp extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Test',
+      home: Scaffold(
+        appBar: AppBar(),
+        body: MyHomePage(),
+      ),
+    );
+  }
+}
+class MyHomePage extends StatefulWidget {
+  @override
+  _MyHomePageState createState() => _MyHomePageState();
+}
+class _MyHomePageState extends State<MyHomePage> {
+  MyPageNotification myPageNotification = MyPageNotification();
+  @override
+  void initState() {
+    if (FirebaseAuth.instance.currentUser() == null) {
+      FirebaseAuth.instance.signInAnonymously();
+    }
+    super.initState();
+  }
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      child: Column(
+        children: [
+          userPage(),
+          userPage(),
+        ],
+      ),
+    );
+  }
+  Widget userPage() {
+    return StreamBuilder<User>(
+      stream: myPageNotification.user,
+      builder: (context, user) {
+        print(user);
+        return user.data == null
+            ? const CircularProgressIndicator()
+            : Text(user.data.uid);
+      },
+    );
+  }
+}
+class AuthApi {
+  //connect Firebase
+  final FirebaseAuth _auth = FirebaseAuth.instance;
+  //create user obj based on FirebaseUser
+  User _userFromFirebaseUser(FirebaseUser user) {
+    return user != null ? User(uid: user.uid) : null;
+  }
+  //auth change user stream
+  Stream<User> get user {
+    return _auth.onAuthStateChanged.map(_userFromFirebaseUser);
+  }
+}
+class MyPageNotification with ChangeNotifier {
+  //get user stream
+  Stream<User> user = AuthApi().user;
+}
+class User {
+  User({this.uid});
+  String uid;
+}
+```

回答を訂正

2020/02/21 23:25

投稿

popobot

スコア6588

answer CHANGED Viewed

@@ -1,5 +1,5 @@
 通常`Stream`は`StreamBuilder`等で複数回`listen()`できません。
-`asBroadcastStream()`を使って、`Broadcast`な`Stream`にすればできると思います。
+`StreamController.broadcast()`等~~`asBroadcastStream`~~を使って、`Broadcast`な`Stream`にすればできると思います。
 以下の記事が詳しく書かれていたので、参考にするといいと思います。

調整

2020/02/21 22:23

投稿

popobot

スコア6588

answer CHANGED Viewed

@@ -10,5 +10,4 @@
 > また、Flutter初心者で実装方法が合っているか不確かで、マイページのようにユーザー情報を表示する画面ではどのようにChangeNotifierで値を渡しているのかご教示いただけると大変嬉しいです。
 (ChangeNotifier以外でも良い方法があれば教えてください。。)
-ChangeNotifierなどの、状態を管理するライブラリとしては、 [provider](https://pub.dev/packages/provider)を使うのが一般的だと思います。
+ChangeNotifierなどの、状態を管理するライブラリとしては、 [provider](https://pub.dev/packages/provider)を使うのが一般的だと思います。もしご存じなければ、調べてみてもいいかもしれません。
-もしご存じなければ、調べてみてもいいかもしれません。

補足

2020/02/21 08:55

投稿

popobot

スコア6588

answer CHANGED Viewed

@@ -1,8 +1,14 @@
 通常`Stream`は`StreamBuilder`等で複数回`listen()`できません。
 `asBroadcastStream()`を使って、`Broadcast`な`Stream`にすればできると思います。
+以下の記事が詳しく書かれていたので、参考にするといいと思います。
+[Stream/Sinkを使いこなす！ Stream/RxDart初心者のためのBLoC入門 part2](https://qiita.com/tetsufe/items/7b2f8592f5161104d1cd)
 ----
+> また、Flutter初心者で実装方法が合っているか不確かで、マイページのようにユーザー情報を表示する画面ではどのようにChangeNotifierで値を渡しているのかご教示いただけると大変嬉しいです。
-以下の記事が詳しく書かれていたので、参考にするといいと思います。
+(ChangeNotifier以外でも良い方法があれば教えてください。。)
-[Stream/Sinkを使いこなす！ Stream/RxDart初心者のためのBLoC入門 part2](https://qiita.com/tetsufe/items/7b2f8592f5161104d1cd)
+ChangeNotifierなどの、状態を管理するライブラリとしては、 [provider](https://pub.dev/packages/provider)を使うのが一般的だと思います。
+もしご存じなければ、調べてみてもいいかもしれません。