On app homepage I set up Model2
which make API call for data. User can then navigate to other page (Navigator.push
). But I want make API call from Model2
when user press back (_onBackPress()
) so can refresh data on homepage. When I make call, it give error:
Unhandled Exception: Error: Could not find the correct Provider above this Consumer Widget
If I add Consumer
to Page2 it give error:
Error: Could not find the correct Provider above this Consumer Widget
StatefulWidget
in homepage:
@override
Widget build(BuildContext context) {
return ChangeNotifierProxyProvider<Model1, Model2>(
initialBuilder: (_) => Model2(),
builder: (_, model1, model2) => model2
..string = model1.string,
),
child: Consumer<Model2>(
builder: (context, model2, _) =>
...
Navigator.push(
context,
MaterialPageRoute(builder: (context) => SecondRoute(context: context)),
In Page2:
final context;
Page2State({Key key, this.context});
...
// Consumer<Model2>(
// builder: (context, model2, _) =>
...
onWillPop: () => _onBackPress(context),
...
Future<void> _onBackPress(context) async {
final model2 = Provider.of<Model2>(context, listen: false);
return showDialog<void>(
context: context,
barrierDismissible: false,
builder: (BuildContext context) {
return
Provider.value(value: model2, child:
AlertDialog(
title: Text('Back'),
content: SingleChildScrollView(
child: ListBody(
children: <Widget>[
Text('Go back'),
],
),
),
actions: <Widget>[
FlatButton(
child: Text('OK'),
onPressed: () async {
await model2.getData();
Navigator.of(context).pop();
},
),
],
),
);
},
);
}