解決したいこと

https://qiita.com/kokogento/questions/d670eb857d03e66e95f5

上記ページに埋め込まれている動画のように、Firestoreの値の更新は成功していても、画面にリアルタイムで反映されません。

これをリアルタイムで反映するようにしたいです！

#環境

yaml:pubspec.yaml
1environment:
2  sdk: ">=2.7.0 <3.0.0"
3
4dependencies:
5  flutter:
6    sdk: flutter
7  provider: ^4.3.3
8  rxdart: ^0.25.0
9  firebase_core: "0.7.0"
10  firebase_auth: "^0.20.1"
11  cloud_firestore: "^0.16.0+1"

providerを使って状態管理をしています。（providerに関しては超初心者なので、あまりわかっていません。。）

該当するソースコード

##全体の構成

lib/
　├ main.dart
　├ models
　├    └ user_model.dart
　├ providers
　│　└ user_provider.dart
　├ widgets
　│　└ mypage_view.dart
　└ screens
     ├ mypage_screen.dart
     └ mypage_edit_screen.dart

###ソースコードが長すぎて、teratailでは投稿できませんでした。。。（10000字以下でないと投稿できないようで）
https://qiita.com/kokogento/questions/d670eb857d03e66e95f5

こちらをご覧ください！

#疑問点

https://www.youtube.com/watch?v=W0oKfFgoKpM

上記の動画を参考にChangeNotifierProviderを使って実装しましたが、Streamを監視する？StreamProviderというものもあると知りました。。

一体どっちを使うのが良いのでしょうか？

リアルタイムで値が変更されていない原因は、ウィジェットのリビルド？がうまくできていないからだと思われます。
Consumerなら勝手に変わってくれるのかな？とか思っていましたが、想像していたよりもはるかに複雑で意味がわからないです。。。