Как настроить StreamProvider, который принимает значение параметра из другого StreamProvider?
Я использую FirebaseAuth и Firestore для своего приложения.
"Пользователь" - это модель, которая представляет документ в хранилище и использует uid из FirebaseUser в качестве его DocumentId.
Чтобы получить пользователя, я должен передать uid из FirebaseUser.
Моя идея состоит в том, чтобы установить StreamProvider для FirebaseUser, а затем настроить другой StreamProvider для пользователя, который принимает FirebaseUser в качестве параметра.
Но возникает ошибка, я не могу найти решение этой проблемы, любой совет очень мне поможет.
List<SingleChildCloneableWidget> uiConsumableProviders = [
StreamProvider<FirebaseUser>(
builder: (context) => Provider.of<LoginNotifier>(context, listen: false).streamFirebaseUser,
),
StreamProvider<User>(
builder: (context) =>
Provider.of<UserNotifier>(context, listen: false).streamUser(Provider.of<FirebaseUser>(context)),
),
];
I/flutter (15813): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter (15813): The following assertion was thrown building InheritedProvider<FirebaseUser>:
I/flutter (15813): inheritFromWidgetOfExactType(InheritedProvider<FirebaseUser>) or inheritFromElement() was called
I/flutter (15813): before BuilderStateDelegate<Stream<User>>.initDelegate() completed.
I/flutter (15813):
I/flutter (15813): When an inherited widget changes, for example if the value of Theme.of()
I/flutter (15813): changes, its dependent widgets are rebuilt. If the dependent widget's reference
I/flutter (15813): to the inherited widget is in a constructor or an initDelegate() method, then
I/flutter (15813): the rebuilt dependent widget will not reflect the changes in the inherited
I/flutter (15813): widget.
I/flutter (15813):
I/flutter (15813): Typically references to inherited widgets should occur in widget build()
I/flutter (15813): methods. Alternatively, initialization based on inherited widgets can be placed
I/flutter (15813): in the didChangeDependencies method, which is called after initDelegate and
I/flutter (15813): whenever the dependencies change thereafter.
I/flutter (15813):
1 ответ
Вы не можете позвонить Provider.of
внутри builder
,
Но вы можете преобразовать Provider.of
в поток, используя виджет, а затем использовать этот поток в builder
из StreamProvider
,
Вот виджет, который делает это для вас:
class ProviderToStream<T> extends StatefulWidget
implements SingleChildCloneableWidget {
const ProviderToStream({Key key, this.builder, this.child}) : super(key: key);
final ValueWidgetBuilder<Stream<T>> builder;
final Widget child;
@override
_ProviderToStreamState<T> createState() => _ProviderToStreamState<T>();
@override
ProviderToStream<T> cloneWithChild(Widget child) {
return ProviderToStream(
key: key,
builder: builder,
child: child,
);
}
}
class _ProviderToStreamState<T> extends State<ProviderToStream> {
final StreamController<T> controller = StreamController<T>();
@override
void dispose() {
controller.close();
super.dispose();
}
@override
void didChangeDependencies() {
super.didChangeDependencies();
controller.add(Provider.of<T>(context));
}
@override
Widget build(BuildContext context) {
return widget.builder(context, controller.stream, widget.child);
}
}
Тогда вы можете сделать:
MultiProvider(
providers: [
StreamProvider<Foo>(builder: (_) => Stream.empty()),
ProviderToStream<Foo>(
builder: (_, foo, child) => StreamProvider<String>(
builder: (_) async* {
await for (final value in foo) {
yield value.toString();
}
},
child: child,
),
),
],
child: MaterialApp(),
);
После некоторых обходных путей я решил свою проблему, объединив Observable
от rxdart
с Provider
. Нравится:
Stream<User> get userStream {
return Observable(_firebaseAuth.onAuthStateChanged).switchMap((user) {
if (user != null) {
return userCollection
.document(user.uid)
.snapshots()
.map((doc) => User.fromDocumentSnapshot(doc))
.handleError(_catchError);
} else {
return Observable<User>.just(null);
}
});}
Вне мультипровайдера:
StreamProvider<User>(builder: (context) => Provider.of<FireStoreService>(context, listen: false).userStream,),
Надеюсь, это поможет любому, кто столкнется с той же проблемой.