[英]Why does passing BuildContext say there is no Scaffold in that Context?
import 'package:flutter/material.dart';
main() {
runApp(MaterialApp(
home: HomeScreen(),
));
}
class HomeScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('Rite.ly'),
),
body: new Container(
decoration: new BoxDecoration(
image: new DecorationImage(
image: new AssetImage('assets/login_background.png'),
fit: BoxFit.fill,
)),
child: new ListView(
children: [
new Padding(
padding:
const EdgeInsets.only(top: 16.0, bottom: 8.0, left: 16.0),
child: new Text('Link : ',
style: new TextStyle(color: Colors.white)),
),
_takeUrl(context),
],
)),
);
}
}
Widget _takeUrl(BuildContext context) {
return new Container(
margin: new EdgeInsets.symmetric(horizontal: 20.0),
decoration: new BoxDecoration(
color: Colors.white, borderRadius: new BorderRadius.circular(12.0)),
child: new Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
new Expanded(
child: new Column(
children: [
new TextField(
decoration: new InputDecoration(
contentPadding: const EdgeInsets.all(16.0),
hintText: 'Link to be Shortened'),
),
],
),
),
new IconButton(
icon: new Icon(
Icons.content_paste,
color: Color.fromARGB(255, 191, 53, 146),
),
onPressed: () {
Scaffold.of(context).showSnackBar(new SnackBar(
content: new Text('Hello!'),
));
},
)
],
));
}
In the code above, passing the context to a fragment separated from the build method, gives error when Scaffold.of is called as: 在上面的代码中,将上下文传递给与build方法分离的片段,当Scaffold.of的调用方式为:
I/flutter (20313): Another exception was thrown: Scaffold.of() called with a context that does not contain a Scaffold.
However, this gets solved when we use a Builder widget and pass the _takeURL as builder to the Builder. 但是,当我们使用Builder窗口小部件并将_takeURL作为生成器传递给Builder时,此问题得到解决。 The Snack Bar works perfectly fine after that. 在那之后,小吃店工作得非常好。
What might be responsible? 可能是什么原因? What do I need to read to understand why? 我需要阅读什么才能理解为什么?
class HomeScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('Rite.ly'),
),
body: new Container(
decoration: new BoxDecoration(
image: new DecorationImage(
image: new AssetImage('assets/login_background.png'),
fit: BoxFit.fill,
)),
child: new ListView(
children: [
new Padding(
padding:
const EdgeInsets.only(top: 16.0, bottom: 8.0, left: 16.0),
child: new Text('Link : ',
style: new TextStyle(color: Colors.white)),
),
Builder(builder: _takeUrl,),
],
)),
);
}
}
The context passed on is not the one needed by Scaffold.of(context)
. 传递的上下文不是Scaffold.of(context)
所需要的。 You need to wrap it in a Builder as Flutter BuildContext specifies: 您需要按照Flutter BuildContext指定的方式将其包装在Builder中:
Widget _takeUrl(BuildContext context) {
return Builder(builder: (BuildContext context) {
return new Container(
margin: new EdgeInsets.symmetric(horizontal: 20.0),
decoration: new BoxDecoration(
color: Colors.white, borderRadius: new BorderRadius.circular(12.0)),
child: new Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
new Expanded(
child: new Column(
children: [
new TextField(
decoration: new InputDecoration(
contentPadding: const EdgeInsets.all(16.0),
hintText: 'Link to be Shortened'),
),
],
),
),
new IconButton(
icon: new Icon(
Icons.content_paste,
color: Color.fromARGB(255, 191, 53, 146),
),
onPressed: () {
Scaffold.of(context).showSnackBar(new SnackBar(
content: new Text('Hello!'),
));
},
)
],
));
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.