[英]Snackbar and exception: scaffold.of()
Why after tap on my iconButton
my snackBar
throw me exception with Scaffold.of()
?为什么点击我的iconButton
后,我的snackBar
抛出Scaffold.of()
异常?
Scaffold.of() called with a context that does not contain a Scaffold.
No Scaffold ancestor could be found starting from the context that was passed to Scaffold.of(). This usually happens when the context provided is from the same StatefulWidget as that whose build function actually creates the Scaffold widget being sought.
There are several ways to avoid this problem. The simplest is to use a Builder to get a context that is "under" the Scaffold. For an example of this, please see the documentation for Scaffold.of():
https://api.flutter.dev/flutter/material/Scaffold/of.html
A more efficient solution is to split your build function into several widgets. This introduces a new context from which you can obtain the Scaffold. In this solution, you would have an outer widget that creates the Scaffold populated by instances of your new inner widgets, and then in these inner widgets you would use Scaffold.of().
A less elegant but more expedient solution is assign a GlobalKey to the Scaffold, then use the key.currentState property to obtain the ScaffoldState rather than using the Scaffold.of() function.
The context used was:
Builder
my code:我的代码:
: Scaffold(
backgroundColor: Colors.white,
body: Container(
child: ListView.builder(
itemCount: user.getInvolvedEvents.length,
itemBuilder: (context, i){
return GestureDetector(
onTap: () {
//
},
child: Container(
height: 160.0,
margin: EdgeInsets.all(5),
child: Card(
child: Container(
decoration: BoxDecoration(
child: Stack(
alignment: Alignment.bottomLeft,
children: <Widget>[
Positioned(
bottom: 15,
right: 20,
child: Row(
children: <Widget>[
IconButton(
icon: Icon(Icons.cancel, color: Colors.red, size: 35),
onPressed: () {
return showDialog(
context: context,
builder: (BuildContext context){
return AlertDialog(
content: Text('Czy napewno chcesz odwołać swój udział w wydarzeniu "${user.getInvolvedEvents[i].title}"?'),
actions: <Widget>[
FlatButton(
child: Text(
'TAK',
style: TextStyle(
fontWeight: FontWeight.bold,
color: Colors.black),
),
onPressed: () async {
bool status = await removeFromInterested(user.getInvolvedEvents[i].id);
if(status){
Navigator.of(context).pop(null);
final snackBar = SnackBar(
duration: const Duration(seconds: 3),
content: Text('Nie weźmiesz udziału w wydarzeniu'),
);
Scaffold.of(context).showSnackBar(snackBar);
}
},
),
thanks for any help:)谢谢你的帮助:)
This is because your are using context
of Alert
that doesn't contain scaffold
.这是因为您正在使用不包含scaffold
的Alert
context
。
You can use GlobalKey
instead:您可以改用GlobalKey
:
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
@override
Widget build(BuildContext context) {
return Scaffold(
key: _scaffoldKey,
)
}
and show snackbar:并显示小吃吧:
_scaffoldKey.currentState.showSnackBar(
SnackBar(
content: Text('Text'),
)
);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.