How to pass context to a child widget in flutter

Question

I have a statefull widget W1 which calls a stateless widget W2.

W2 has onTap functionality. I want to show an alert dialog in W2's onTap().

onTap:() {Alert(context: context, title:'Hi');},

I dont get any error, but no alert is shown on tap. I tried passing context as a parameter to W2 but I still dont see any dialog box. What is the right way to show a dialog box from W2? I am using rflutter_alert package Link

Thanks

Alert is just an Widget(a class). You just called an constructor to create an instance of Alert. So you have to pass this instance to a function named showDialog to actually render the widget. — Crazy Lazy Cat
– Crazy Lazy Cat, Commented Jan 16, 2020 at 5:16

Aseem · Accepted Answer · 2020-01-18 05:14:27Z

Adding .show() in end solved it.

onTap:() {Alert(context: context, title:'Hi').show();}

Its clearly documented in rflutter_alert package, but I somehow missed it.

Blasanka · Accepted Answer · 2020-01-16 04:51:03Z

You have to wrap your Alert(context: context, title:'Hi'); with showDialog(context: context, builder: (BuildContext context) => Alert(context: context, title:'Hi'));

Here is the cookbook sample:

Future<void> _neverSatisfied() async { return showDialog<void>( context: context, barrierDismissible: false, // user must tap button! builder: (BuildContext context) { return AlertDialog( title: Text('Rewind and remember'), content: SingleChildScrollView( child: ListBody( children: <Widget>[ Text('You will never be satisfied.'), Text('You\’re like me. I’m never satisfied.'), ], ), ), actions: <Widget>[ FlatButton( child: Text('Regret'), onPressed: () { Navigator.of(context).pop(); }, ), ], ); }, ); }

Anyway, for your question about how to pass context, If you are creating a Stateless or Stateful widget you dont need to pass the context, you can get it from build(BuildContext context) {}.

user321553125 · Accepted Answer · 2020-01-16 05:44:33Z

Pass the context in the function call in onTap:

onTap:(context) {Alert(context: context, title:'Hi');},

Collectives™ on Stack Overflow

How to pass context to a child widget in flutter

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related