How to Create Splash Screen in Flutter
Create Stateful Widget
import ‘package:flutter/material.dart’;
class Splash extends StatefulWidget{
@override
State<StatefulWidget> createState() {
// TODO: implement createState
return SplashState();
}
}
class SplashState extends State<Splash>{
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
);
}
}
Initialize Timer in Splash Screen in Flutter
@override
void initState() {
// TODO: implement initState
super.initState();
startTimer();
}
startTimer() async{
Timer(Duration(seconds: 3), nextScreen);
}
void nextScreen(){
}
Integrate in main.dart file
Material App widget provides home parameter. This parameter is used to display first screen on the launch of flutter application.
import ‘package:flutter/material.dart’;
import ‘package:fluttersplashsample/splash.dart’;
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Splash(),
);
}
}
Final Code for Splash Screen in Flutter
import 'dart:async'; import 'package:flutter/material.dart'; class Splash extends StatefulWidget{ @override State<StatefulWidget> createState() { // TODO: implement createState return SplashState(); } } class SplashState extends State<Splash>{ @override Widget build(BuildContext context) { // TODO: implement build return Scaffold( ); } @override void initState() { // TODO: implement initState super.initState(); startTimer(); } startTimer() async{ Timer(Duration(seconds: 3), nextScreen); } void nextScreen(){ } }