如何在StatelessWidget的任何函数中获取上下文

Question

我们希望在一些异步处理(如网络进程(之后显示AlertDialog。

当从外部类调用"showAlertDialog(("时，我希望在没有上下文的情况下调用它。有什么好办法吗？

class SplashPage extends StatelessWidget implements SplashView {
BuildContext _context;
@override
Widget build(BuildContext context) {
this._context = context;
...
}

我已经考虑过上述方法，但我担心会有副作用。

帮助

我的当前代码

class SplashPage extends StatelessWidget implements SplashView {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: MyStoreColors.eats_white1_ffffff,
body: Center(
child: new SvgPicture.asset('assets/ic_splash.svg'),
),
);
}
@override
void showAlertDialog() {
showDialog<void>(
context: /*How to get context?*/,
builder: (BuildContext context) {
return AlertDialog(
title: Text('Not in stock'),
content: const Text('This item is no longer available'),
actions: <Widget>[
FlatButton(
child: Text('Ok'),
onPressed: () {
Navigator.of(context).pop();
},
),
],
);
},
);
}
@override
void moveToHomeContainer() {
}
@override
void moveToLoginContainer() {
}
}

Answer 1

要显示AlertDialog，您需要上下文，但在StatelessWidget中，您不能像在StatefulWidget中那样直接访问它。

很少有选择[1]:

• 将其作为GlobalKey[2]传递
• 将构建上下文作为参数传递给StatelessWidget内的任何其他函数
• 使用服务在没有上下文的情况下插入对话框[3]

干杯。

Answer 2

您应该在异步事件完成时触发重建，将小部件转换为StatefulWidget并调用setState()，或者使用类似Bloc的状态管理解决方案。

例如，使用StatefulWidget，您的代码将如下所示：

class SplashPage extends StatefulWidget {
@override
State<SplashPage> createState() => _SplashPageState();
}
class _SplashPageState extends State<SplashPage> implements SplashView {
bool _asynOpDone = false;
/// Call this when the async operation is done.
void _onAsynOpDone() => setState(() => _asyncOpDone = true);
@override
Widget build(BuildContext context) {
if (_asyncOpDone) showAlertDialog(context);
return Scaffold(
...,
///
);
}
@override
void showAlertDialog(BuildContext context) {
showDialog<void>(
context: context,
builder: ...,
);
}
}

Answer 3

您可以应用Builder模式概念来简化这一过程。

这里有一个小例子。

button_builder.dart