我想能够运行函数一旦一个小部件已经完成构建/加载，但我不确定如何。
我目前的用例是检查用户是否通过身份验证，如果没有，则重定向到登录视图。我不想检查之前，并推动登录视图或主视图，它需要发生后，主视图已加载。
有什么我可以用的吗?
当前回答
如果你正在寻找ReactNative的componentDidMount等效，Flutter有它。事情没那么简单，但原理是一样的。在Flutter中，小部件不直接处理它们的事件。相反，它们使用State对象来执行此操作。
class MyWidget extends StatefulWidget{
@override
State<StatefulWidget> createState() => MyState(this);
Widget build(BuildContext context){...} //build layout here
void onLoad(BuildContext context){...} //callback when layout build done
}
class MyState extends State<MyWidget>{
MyWidget widget;
MyState(this.widget);
@override
Widget build(BuildContext context) => widget.build(context);
@override
void initState() => widget.onLoad(context);
}
状态。一旦屏幕完成布局渲染，initState将立即被调用。如果处于调试模式，即使在热重载时也不会再次调用，直到显式地达到这样做的时间。
其他回答
有三种可能的方法:
1) WidgetsBinding.instance.addPostFrameCallback((_) => yourFunc(context));
2) Future.delayed(Duration.zero, () => yourFunc(context));
3) Timer.run(() => yourFunc(context));
至于context，在渲染完所有的小部件后，我需要在Scaffold.of(context)中使用它。
但在我看来，最好的办法是:
void main() async {
WidgetsFlutterBinding.ensureInitialized(); //all widgets are rendered here
await yourFunc();
runApp( MyApp() );
}
如果你有问题与新的SDK和旧的答案，你可以尝试我的解决方案。我已经在v3.0.4上测试了它
WidgetsBinding.instance.endOfFrame.then(
(_) {
if (mounted) {
// do some suff
// you can get width height of specific widget based on GlobalKey
};
},
);
扑动1.2 -飞镖2.2
根据官方的指导方针和来源，如果你想确定你的布局的最后一帧也被绘制，你可以这样写，例如:
import 'package:flutter/scheduler.dart';
void initState() {
super.initState();
if (SchedulerBinding.instance.schedulerPhase == SchedulerPhase.persistentCallbacks) {
SchedulerBinding.instance.addPostFrameCallback((_) => yourFunction(context));
}
}
我有一个有状态的小部件，我使用html_editor_enhanced插件小部件。这是在其中设置初始消息的唯一方法。
class _SendChatMessageState extends State<SendChatMessage> {
final _htmlController = HtmlEditorController();
@override
void initState() {
super.initState();
Future.delayed(const Duration(seconds: 3), () {
_htmlController.setText(widget.chatMessage.message ?? '');
});
}
我尝试了addPostFrameCallback，但它不起作用，因为JavaScript生成异常“HTML编辑器仍在加载，请在评估此JS之前等待…”
你可以用
https://github.com/slightfoot/flutter_after_layout
它只在布局完成后执行一次函数。 或者只是看看它的实现，并将其添加到你的代码中:-)
基本上就是
void initState() {
super.initState();
WidgetsBinding.instance
.addPostFrameCallback((_) => yourFunction(context));
}
