Question 161656 in Flutter Question posted in
The official Flutter documentation can be found here.

Can anyone help me with a flutter_bloc routing issue I’m having?

Message: Could not find the correct Provider above this Home Widget

This happens because you used a BuildContext that does not include the provider
of your choice.

Here’s the blocProvider and blocBuilder set up you can get the jest of it I’m sure.

Widget build(BuildContext context) {
    return Scaffold(
        body: BlocProvider<PageRoutingCubit>(
          create: (context) => PageRoutingCubit(),
        child: BlocBuilder<PageRoutingCubit, PageRoutingStates>(
            builder: (context, state) {
          if (state is PageRoutingProfileState) {
            return ProfileScreen();
          } else if (state is PageRoutingSettingsState) {
            return SettingsScreen();
          } else if (state is PageRoutingCartState) {
            return CartScreen();
          } else {
            return Center(
              child: Text('Error'),
            );
          }
        })),

I then added a drawer with button to control the body of the scaffold with said buttons.

```Column(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          DrawerButton(
                              onTap: () => context
                                  .read<PageRoutingCubit>()
                                  .BuildProfileScreen(),
                              text: 'Profile',
                              icon: Icon(Icons.person)),
                          DrawerButton(
                              onTap: () => context
                                  .read<PageRoutingCubit>()
                                  .BuildSettingsScreen(),
                              text: 'Settings',
                              icon: Icon(Icons.settings)),
                          DrawerButton(
                              onTap: () => context
                                  .read<PageRoutingCubit>()
                                  .BuildCartScreen(),
                              text: 'Cart',
                              icon: Icon(Icons.shopping_cart)),
                        ],
                      ),```

It keeps telling me to add a builder but I already supplied it with the builder it wants.
Please help me quickly and thank you.

Tags:

2

Answers


  1. 0

    I see, in that case, it’s possible that the BuildContext that you are using to call the context.read<PageRoutingCubit>() method is not a descendant of the BlocProvider widget.

    Make sure that the BuildContext you are using is coming from a widget that is a descendant of the BlocProvider widget. You can do this by either moving the BlocProvider higher up in the widget tree or by using a Builder widget to create a new BuildContext that is a descendant of the BlocProvider.

    Here’s an example using the Builder widget:

    return Scaffold(
  appBar: AppBar(
    title: Text('Your App'),
  ),
  body: Builder(
    builder: (context) {
      return BlocBuilder<PageRoutingCubit, PageRoutingStates>(
        builder: (context, state) {
          if (state is PageRoutingProfileState) {
            return ProfileScreen();
          } else if (state is PageRoutingSettingsState) {
            return SettingsScreen();
          } else if (state is PageRoutingCartState) {
            return CartScreen();
          } else {
            return Center(
              child: Text('Error'),
            );
          }
        },
      );
    },
  ),
  drawer: Drawer(
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        DrawerButton(
          onTap: () => context.read<PageRoutingCubit>().BuildProfileScreen(),
          text: 'Profile',
          icon: Icon(Icons.person),
        ),
        DrawerButton(
          onTap: () => context.read<PageRoutingCubit>().BuildSettingsScreen(),
          text: 'Settings',
          icon: Icon(Icons.settings),
        ),
        DrawerButton(
          onTap: () => context.read<PageRoutingCubit>().BuildCartScreen(),
          text: 'Cart',
          icon: Icon(Icons.shopping_cart),
        ),
      ],
    ),
  ),
);

    In this example, the Builder widget creates a new BuildContext that is a descendant of the BlocProvider widget, and we use this BuildContext to call the context.read<PageRoutingCubit>() method.

    I hope this helps! Let me know if you have any further questions.

    Login or Signup to reply.
  2. 0

    Wrap the Scaffold with a BlocProvider AND wrap the Drawer with a regular Builder widget so that you use the context with the bloc added to it. If you don’t want the "hack" with a Builder wrapping the Drawer, you could extract the drawer widget to its own widget and you will be able to access the bloc inside the passed down context.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search