Flutter 启动页(闪屏页)具体实现和原理分析
import 'package:flutter/material.dart';
class SplashPage extends StatefulWidget {
@override
_SplashPageState createState() => _SplashPageState();
}
class _SplashPageState extends State<SplashPage> {
@override
void initState() {
super.initState();
// 延迟2秒跳转到首页,这里只是示例,实际时间可以根据需要调整
Future.delayed(Duration(seconds: 2), () {
Navigator.of(context).pushReplacementNamed('/home');
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Text('启动页'),
),
);
}
}
这段代码定义了一个名为SplashPage
的StatefulWidget,它在initState
方法中使用Future.delayed
来延迟导航操作。当延迟完成后,使用Navigator.pushReplacementNamed
替换当前页面到首页。这是一个简单的实现Flutter启动页的例子,展示了如何在应用启动时使用一个简单的屏幕来展示品牌信息或者加载数据,然后在延迟一段时间后跳转到主界面。
评论已关闭