Question

我有一个不起作用的流提供程序（已连接到firebase）。我猜问题出在我使用命名导航器[Navigator.pushNamed（context，'/ route'，）]的事实。我猜这使“ route”小部件不是调用它的小部件的儿子。让我在下面更好地展示它。

我的应用程序结构如下：我的主窗口小部件，用于处理路由并通过用户身份验证接收流（这里没有问题）：

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return StreamProvider<User>.value(
      value: AuthService().user,
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Wrapper(),
        routes: {
          '/home': (context) => Wrapper(),
          '/edit_profile': (context) => UserProfile() //This is where I am having trouble.
        }
      ),
    );
  }
}

包装器，用于验证用户是否已通过身份验证并采取相应措施：

class Wrapper extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    final user = Provider.of<User>(context);

    // return either the Home or Authenticate widget
    if (user == null){
      return Authenticate();
    } else {
      return HomeWrapper();
    }

  }
}

HomeWrapper ，它接收第二个流并重定向到我遇到麻烦的小部件：

class HomeWrapper extends StatefulWidget {
  @override
  _HomeWrapperState createState() => _HomeWrapperState();
}

class _HomeWrapperState extends State<HomeWrapper> {

  String currentBodyName = 'home';
  Widget currentBodyWidget = Home();

  @override
  Widget build(BuildContext context) {

    Widget _drawerOptions = Row(
      children: [
        FlatButton(child: someChild, onPressed: () {Navigator.pushNamed(context, '/edit_profile',);},), //This is the actual call to the navigator.
      ],
    );

    return StreamProvider<Map>.value( //This is the problematic Stream!
        value: DatabaseService().userDetail,
        child: Scaffold(
        //Body
        body: currentBodyWidget,

        //I am simplifying this to show the most important parts
        bottomNavigationBar: myBottomNavigationBar(
          buttons: <Widget>[
            FlatButton(
              icon: someIcon,
              onPressed: () =>  _onItemTapped('home'),
            ),
            FlatButton(
              icon: otherIcon,
              onPressed: () => _onItemTapped('second_screen'),
            ),
          ],)

          //Drawer
          drawer: Drawer(child: _drawerOptions,), //This one has the call to the problematic edit_profile route.
    );
  }

  void _onItemTapped(String newBodyName) {
    if (newBodyName != currentBodyName){
      setState(() {
        currentBodyName = newBodyName;
        switch(newBodyName) {
          case 'home': {
            currentBodyWidget = Home();
          }
          break;

          case 'second_screen': {
            currentBodyWidget = SecondScreen();
          }
          break;

          default: {
            currentBodyWidget = Home();
          }
          break;
        }
      });
    }
  }


}

最后， edit_profile 路由调用 UserProfile 小部件，如下所示：

class UserProfile extends StatefulWidget {
  @override
  _UserProfileState createState() => _UserProfileState();
}

class _UserProfileState extends State<UserProfile> {

  @override
  Widget build(BuildContext context) {

    //This is where the error occurs!!
    final userDocument = Provider.of<Map>(context) ?? [];
    print(userDocument);

    return Scaffold(body: Container());
  }
}

这是它引发的错误：

The following ProviderNotFoundError was thrown building UserProfile(dirty, state: _UserProfileState#09125):
Error: Could not find the correct Provider<Map<dynamic, dynamic>> above this UserProfile Widget

非常感谢您！

Answer 1

原来我的方法是错误的。

与其将HomeWrapper与StreamProvider打包在一起，不希望它将数据传递到下一条路由（UserProfile），我所做的是将UserProfile小部件与StreamProvider打包在一起，如下所示：

（注意：我为UserData StreamProvider更改了Map StreamProvider。）

class UserProfile extends StatefulWidget {
  @override
  _UserProfileState createState() => _UserProfileState();
}

class _UserProfileState extends State<UserProfile> {

  @override
  Widget build(BuildContext context) {
    final user = Provider.of<User>(context);

    return StreamBuilder<UserData>(
        stream: DatabaseService(uid: user.uid).userData,
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            UserData userData = snapshot.data;

            return Scaffold(
              body: Container(
                   //My Widget here
            );
          } else
            return Loading();
        });
  }
}

该系列非常有用：https://www.youtube.com/playlist?list=PL4cUxeGkcC9j--TKIdkb3ISfRbJeJYQwC

使用命名路线导航时找不到流提供者

1 个答案: