将 ChangeNotifier 与 FutureProvider 集成

时间:2021-05-18 22:04:15

标签: flutter provider

我知道从 FutureProvider 更新信息的主题已经出现在这里,所以我想避免重复之前的讨论。我发现了一种非常有用的方法将 FutureProvider 集成到我的应用程序中,以从 Firebase 的实时数据库中获取信息(而不是必须在 4 或 5 个不同的屏幕上重用相同的异步函数)。当然,在进一步的测试中,我开始意识到对实时数据库的任何更改都不会在 FutureProvider 中生效,直到我重新启动应用程序,即使我将侦听切换为 true 或在我的应用程序中直接调用我的 fetchUser() 方法FutureProvider。

我问是否有人成功地将 ChangeNotifier 与 FutureProvider 合并以通知听众更新?我尝试了几种方法,但都没有成功。这是我最新的:

我的 main.dart:

    Queue<Node> queue = new LinkedList<>();
    // node being the root node of the already created n-ary tree
    queue.add(node);
    Node rootOut = new Node(node.id,node.name);
    Node copiedNode = null;
    Node resNode = null;
    // iterate while queue not empty
    while(!queue.isEmpty()){

        // dequeue
        Node next = queue.remove();
    
 
        
        copiedNode = new Node(next.id,next.name);
        for (Node child : next.children) {
           

            Node copiedChildNode = new Node(child.id,child.name);
            copiedNode.children.add(copiedChildNode);
            if (next.id == "A") rootOut = copiedNode;
            queue.add(child);
        }
    }
    return rootOut ;

我的 FutureProvider:

import 'package:shared_preferences/shared_preferences.dart';
import 'package:fast_food_health_e/widgets/nutritionixList.dart';
SharedPreferences preferences;


void main() async {

  WidgetsFlutterBinding.ensureInitialized();
  preferences = await SharedPreferences.getInstance();
  await Firebase.initializeApp();
  runApp(FastFoodHealthEApp());
   }
 class FastFoodHealthEApp extends StatelessWidget {
 final FirebaseServices firebaseServices = FirebaseServices();

 @override
 Widget build(BuildContext context) {



    return MultiProvider(
        providers: [

    Provider<AuthenticationProvider>(
    create: (_) => AuthenticationProvider(FirebaseAuth.instance),
     ),
     StreamProvider(
     create: (context) => context.read<AuthenticationProvider>().authState,
     ),
     ChangeNotifierProvider(
     create: (context) => FirebaseServices(),
    child: (
    FutureProvider(create: (context) => firebaseServices.fetchUser(),
     catchError: (context, error) {
     print("The Error is: " + error.toString());
    },)

    ),
    ),
   ],

  child: MaterialApp(

    initialRoute: '/',
    routes: {

调用 FutureProvider 的类:

 class FirebaseServices with ChangeNotifier{



   Future<FastFoodHealthEUser> fetchUser()
  async{
    // var firebaseUser = context.watch<User>();
    // String userID  = firebaseUser.uid;
    Map<String, dynamic> theMap;
   final FirebaseAuth auth = FirebaseAuth.instance;
   final User user = auth.currentUser;
   final uid = user.uid;

   notifyListeners();

    final referenceDatabase = await FirebaseDatabase.instance
        .reference()
        .child(uid)
        .once()
        .then((snapshot){theMap = new Map<String, dynamic>.from(snapshot.value);});





    return FastFoodHealthEUser.fromJson(theMap);



  }

}

 @override
   void didChangeDependencies() {


setUpUsers();



super.didChangeDependencies();

不出所料,我收到一个错误,提示我无法找到正确的提供商,如上所示:

E/flutter (3492):[ERROR:flutter/lib/ui/ui_dart_state.cc(199)] 未处理的异常:错误:在此 MyDiaryScreen 小部件上方找不到正确的提供程序 >

我用 FutureProvider 尝试这个是愚蠢的吗? StreamProvider 会更好吗?我只是发现 FutureProvider 更有用(就像以前我的屏幕上满是 FutureBuilders 一样,但我从来没有遇到过用新数据更新它们的问题)。

0 个答案:

没有答案