In this article, you will learn How To Add Splash Screen To Your Flutter Application.
Adding Splash Screen to your Flutter Application is very easy with this package that we will use in this article.
pubspec.yaml
dependencies:
flutter:
sdk: flutter
splashscreen: ^1.3.5
After adding the dependency, save the YAML file and it will automatically install files.
First, we will import the package in our main.dart file.
main.dart
import 'package:splashscreen/splashscreen.dart';
After importing the package we will create the widget.
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: SplashScreen(
backgroundColor: Colors.red[400],
image: Image.network(
'https://bit.ly/3uyZZ9N'),
seconds: 5,
title: Text(
'CodeSource.io',
style: TextStyle(color: Colors.white, fontSize: 30),
),
navigateAfterSeconds: Home(),
),
);
}
}
#code examples #flutter