How do you initialize an async dependency during app startup, and use it synchronously afterwards?
With Riverpod, this is done in 3 simple steps:
- Declare it inside a
FutureProvider - Initialize it inside
main() - Use
requireValueafterwards
Details in thread below 🧵
The key steps are to:
- declare and initialize the dependency inside a FutureProvider
- access the dependency with
requireValuewhenever needed (inside other providers or widgets)
But requireValue will throw unless there is a value already.
To address this, we can create a ProviderContainer inside main() and await until the FutureProvider is initialized.
As a result, any providers or widgets that depend (directly or indirectly) on the original FutureProvider only contain synchronous code.
So no await or .when is needed.
I used to solve this problem by:
- throwing an
UnimplementedErrorinside theFutureProvider - initializing the dependency with a provider override inside
main()
But this approach much nicer and easier to follow. 🙂
Happy coding!
Found this useful? Show some love and share the original tweet 🙏
| Previous | Next |
|---|---|
| 8 Steps to Follow When Building Your Next Flutter App | Highlight oversized images with the Flutter DevTools |