Flutter showDialog with navigator key rather than passing context. You can make use of InheritedWidget here. Make a InheritedWidget the root for your application which holds a navigator key. Then you can pass any context of child widgets to get the current navigator state.
Example:
InheritedWidget:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | // Your InheritedWidget class NavigatorStateFromKeyOrContext extends InheritedWidget { const NavigatorStateFromKeyOrContext({ Key key, @required this.navigatorKey, @required Widget child, }) : super(key: key, child: child); final GlobalKey<NavigatorState> navigatorKey; static GlobalKey<NavigatorState> getKey(BuildContext context) { final NavigatorStateFromKeyOrContext provider = context.inheritFromWidgetOfExactType(NavigatorStateFromKeyOrContext); return provider.navigatorKey; } static NavigatorState of(BuildContext context) { NavigatorState state; try { state = Navigator.of(context); } catch (e) { // Assertion error thrown in debug mode, in release mode no errors are thrown print(e); } if (state != null) { // state can be null when context does not include a Navigator in release mode return state; } final NavigatorStateFromKeyOrContext provider = context.inheritFromWidgetOfExactType(NavigatorStateFromKeyOrContext); return provider.navigatorKey?.currentState; } @override bool updateShouldNotify(NavigatorStateFromKeyOrContext oldWidget) { return navigatorKey != oldWidget.navigatorKey; } } |
HomeScreen:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | // Your home screen class HomePage extends StatefulWidget { @override _HomePageState createState() => _HomePageState(); } class _HomePageState extends State<HomePage> { @override Widget build(BuildContext context) { return MaterialApp( navigatorKey: NavigatorStateFromKeyOrContext.getKey(context), home: InitPage(), ); } } |
The root of the application will look like,
1 2 3 4 5 6 7 8 | final GlobalKey navigator = GlobalKey<NavigatorState>(debugLabel: 'AppNavigator'); runApp( NavigatorStateFromKeyOrContext( navigatorKey: navigator, child: HomePage(), ), ); |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.
