Flutter项目如何在页面绘制完成后自动弹出弹框

代码片段
class _PageState extends State<Page> {

@override void initState(){

super.initState();

Future.delayed(const Duration(seconds: 1), _modal);

}

Widget _modal(BuildContext context) {

return showDialog(

context: context,

barrierColor: Colors.white.withAlpha(0),

builder: (_) => const Dialog(

  backgroundColor: Colors.transparent,

  shadowColor: Colors.transparent,

),

);

}

}

这样写的话还是会有问题，因为我们只是延迟了执行，并不是页面真正渲染完成执行的，下面我们看看另一种方法

代码片段
class _PageState extends State<Page> {

@override void initState(){

super.initState();

WidgetsBinding.instance.addPostFrameCallback((timeStamp) {

  showDialog(

    context: context,

    barrierColor: Colors.white.withAlpha(100),

    builder: _modal,

  );

}

);

}

Widget _modal(BuildContext context) {

return const Dialog(

backgroundColor: Colors.transparent,

shadowColor: Colors.transparent,

);

}

}

通过addPostFrameCallback，做一下安全操作，会在当前绘制完成之后回调。