5

suppose that we navigate to "PageA" using the following code:

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) {
      return BlocProvider(
        create: (context) => BlocA(),
        child: PageA(),
      );
    },
  ),
);

when "PageA" navigates to "PageB". how can I access "BLocA"? I have tried following code to navigate from "PageA" to "PageB" but it crashes.

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) {
      return BlocProvider(
        create: (context) => contxt.read<BlocA>(),
        child: PageB(),
      );
    },
  ),
);
reza
  • 1,354
  • 1
  • 7
  • 25

1 Answers1

8

In order to pass an already created bloc to consequent screen you can use the BlocProvider.value your code would be like this after the change :

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) {
      return BlocProvider.value(
        value: BlocProvider.of<BlocA>(context),
        child: PageB(),
      );
    },
  ),
);

PageB should be able to retrieve blocA now.

Abdelkrim
  • 1,083
  • 8
  • 18