分类导航

程序问答发布时间：2022-06-01 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了嵌套小部件中的 Flutter 流提供程序？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决嵌套小部件中的 Flutter 流提供程序？？

开发过程中遇到嵌套小部件中的 Flutter 流提供程序？的问题如何解决？下面主要结合日常开发的经验，给出你关于嵌套小部件中的 Flutter 流提供程序？的解决方法建议，希望对你解决嵌套小部件中的 Flutter 流提供程序？有所启发或帮助；

不确定问题的标题是否正确，所以我想在下面更详细地描述它。提供程序的所有示例都显示了在 MaterialApp 上方使用提供程序的情况，但是我很感兴趣并希望在 MaterialApp 的“下方”使用它。

请看下面的代码。

应用的@H_545_7@main.dart

// ...
return MultiProvIDer(
      provIDers: [
        ChangeNotifIErProvIDer(create: (_) => ProvIDer1()),ChangeNotifIErProvIDer(create: (_) => ProvIDer2()),ChangeNotifIErProvIDer(create: (_) => ProvIDer3()),],builder: (context,child) {
        return MaterialApp(
          title: 'My app',theme: themeData(
            priMarySwatch: colors.blue,),home: SplashScreen(),deBUGShowcheckedModeBAnner: false,);
      },);
// ...

SplashScreen 决定是将用户移动到主页还是注册/登录屏幕：

return Scaffold(
      body: StreamBuilder<User?>(
          stream: FirebaseAuth.instance.authStateChanges(),snapshot) {
            if (snapshot.hasError) {
              return RegistrationScreen();
            }

            if (snapshot.connectionState == ConnectionState.waiTing) {
              return Container();
            }

            var user = snapshot.data;

            if (user == null) {
              log('User is signed out.');
              return RegistrationScreen();
            } else {
              log('Signed in user: $user');

              return FutureBuilder<querySnapshot>(
                  future: usersCollection
                      .where('email',isEqualTo: user.email)
                      .get(),snapshot) {
                    if (snapshot.hasError) {
                      return RegistrationScreen();
                    }

                    if (snapshot.connectionState == ConnectionState.waiTing) {
                      return Container();
                    }

                    if (snapshot.data == null) {
                      return RegistrationScreen();
                    } else {
                      return HomeScreen(snapshot.data!.docs[0].referencE);
                    }
                  });
            }
          }),);

现在我们进入问题所在的部分。这个想法是让 HomeScreen 监听 Firebase 用户的变化，以便每个感兴趣的底层小部件都能做出适当的反应（注销、更新标题中的用户名或其他）。

HomeScreen 代码如下所示：

class HomeScreen extends StatefulWidget {
  final documentReference user;

  HomeScreen(thiS.User);

  @overrIDe
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @overrIDe
  Widget build(BuildContext context) {
    return FutureBuilder<documentSnapshot>(
        future: Widget.user.get(),snapshot) {
          if (snapshot.hasError) {
            return SplashScreen();
          }

          if (snapshot.connectionState == ConnectionState.waiTing) {
            return Container();
          }

          var user = snapshot.data!;

          return StreamProvIDer<documentSnapshot>(
            create: (_) => Widget.user.snapshots(),initialData: user,child) {
              return Scaffold(
                  appbar: Appbar(
                    title: Text('My List of data'),actions: <Widget>[
                      Iconbutton(
                          icon: Icon(Icons.account_circle_outlined,color: colors.whitE),onpressed: () {
                            Navigator.push(
                                context,MaterialPageRoute(
                                    builder: (context) => ProfileScreen()));
                          })
                    ],body: MylistofDataScreen());
            },);
        });
  }
}