微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当前小部件加载完成后如何执行方法?

如何解决当前小部件加载完成后如何执行方法?

我有一个带有 2 个小部件/页面Flutter 应用程序,即:
- 加载小部件/页面在应用启动时立即出现
- 主页小部件/页面

我想在加载页面完成加载后启动主页。 基本上我的问题是 - 我怎样才能知道我的小部件何时完成加载?

以下是我的代码

// My main.dart
import 'package:Flutter/material.dart';
import 'package:routes/pages/home.dart';
import 'package:routes/pages/loading.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',theme: ThemeData(
        primarySwatch: Colors.blue,),routes: {
        '/': (context) => Loading(),'/home': (context) => Home(),},);
  }
}

class Loading extends StatefulWidget {
  @override
  _LoadingState createState() => _LoadingState();
}

class _LoadingState extends State<Loading> {
  @override
  void initState() {
    super.initState();
    // Below line of code causes problem. How can I call to route to new page after current widget has completed loading 
    launchAnotherWidgetAfterDoingSomething();
  }

  void launchAnotherWidgetAfterDoingSomething() {
    // Do some necessary logic....
    Navigator.pushReplacementNamed(context,'/home');
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Loading screen'),);
  }
}

解决方法

你可以试试这个

@override
void initState() {
  super.initState();

  // ...
  _gotoHome();
}

// ...

void _gotoHome() {
  Future.delayed(Duration.zero,() {
    Navigator.of(context).pushReplacementNamed('/home')
  });
}

编辑
要在您的页面中构建每个小部件后触发操作,请将其添加到您的 initState

WidgetsBinding.instance.addPostFrameCallback((_) {
  // do what you want here
});

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。