Flutter在initState方法中获取上下文

  • Z时代
  • 2024-01-10
  • 分类：问答

我不确定initState的功能是否正确。我要达到的目的是检查何时渲染页面以执行一些检查，并根据AlertDialog需要打开一个进行一些设置。

我有一个有状态的页面。它的initState功能如下所示：

@override
void initState() {
    super.initState();
    if (!_checkConfiguration()) {
        _showConfiguration(context);
    }
}

在_showConfiguration这样的：

void _showConfiguration(BuildContext context) {
    AlertDialog dialog = new AlertDialog(
        content: new Column(
            children: <Widget>[
                new Text('@todo')
            ],
        ),
        actions: <Widget>[
            new FlatButton(onPressed: (){
                Navigator.pop(context);
            }, child: new Text('OK')),
        ],
    );
    showDialog(context: context, child: dialog);
}

如果有更好的方法进行检查，并且需要调用模态，请指出正确的方向，我在寻找onStateor

onRender函数，或者可以分配给build在render上调用的函数的回调，但没有能够找到一个。

编辑：它在这里接缝，它们有一个类似的问题：Flutter重定向到initState上的页面

回答：

成员变量上下文可以在期间访问，initState但不能用于所有内容。这是从initState文档中扑朔迷离的：

您不能使用[BuildContext.inheritFromWidgetOfExactType]此方法。但是，[didChangeDependencies]将在此方法之后立即调用，[BuildContext.inheritFromWidgetOfExactType]

并可在此方法中使用。

您可以将初始化逻辑移至didChangeDependencies，但是这可能并非您真正想要的，因为didChangeDependencies在小部件的生命周期中可以多次调用它。

如果您改为进行异步调用，该调用将您的调用委派给您，直到初始化小部件之后，您就可以根据需要使用上下文了。

一个简单的方法就是利用未来。

Future.delayed(Duration.zero,() {
  ... showDialog(context, ....)
}

另一种可能更“正确”的方法是使用flutter的调度程序添加后帧回调：

SchedulerBinding.instance.addPostFrameCallback((_) {
  ... showDialog(context, ....)
});

最后，这是我想在initState函数中使用异步调用的一个小技巧：

() async {
  await Future.delayed(Duration.zero);
  ... showDialog(context, ...)      
}();

这是使用简单的Future.delayed的充实示例：

import 'dart:async';
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}
class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;
  bool _checkConfiguration() => true;
  void initState() {
    super.initState();
    if (_checkConfiguration()) {
      Future.delayed(Duration.zero,() {
        showDialog(context: context, builder: (context) => AlertDialog(
          content: Column(
            children: <Widget>[
              Text('@todo')
            ],
          ),
          actions: <Widget>[
            FlatButton(onPressed: (){
              Navigator.pop(context);
            }, child: Text('OK')),
          ],
        ));
      });
    }
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.display1,
            ),
          ],
        ),
      ),
    );
  }
}

注释中提供了OP的更多背景信息，对于他们的特定问题，我可以给出稍微更好的解决方案。根据应用程序的不同，您实际上可能要根据显示的页面来做出决定，具体取决于是否是第一次打开该应用程序，即设置home为其他内容。对话框并不一定是移动设备上最好的UI元素。最好显示整页以及他们需要添加的设置和下一个按钮。

以上是 Flutter在initState方法中获取上下文 的全部内容， 来源链接： utcz.com/qa/435079.html

回到顶部