将 ChangeNotifier 与 FutureProvider 集成

问题描述

我知道从 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 一样,但我从来没有遇到过用新数据更新它们的问题)。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)