flutter_custom_splash_screen

Description:

flutter custom splash screen

Flutter Custom Splash Screen #
When your app is opened, there is a brief period while the app loads.
By default, during this time, the app displays a white splash screen.
This package will help you add a customized splash screen, allowing you to include your
own background image and logo. It also features a one liner progress loader that indicates the loading progress,
enhancing the user experience. Once the splash screen loads completely,
you can navigate to the next screen using the navigateToNextScreen callback function
Features #

Flutter custom splash screen.
Customizable with background image and your logo image.
Loading percentage indicator with customizable color.
Callback function to handle navigation once the splash screen is completely loaded.
Customizable height and width of the logo image container.

Installation #
Add the following line to your pubspec.yaml file:
dependencies:
flutter_custom_splash_screen: ^latest_version
copied to clipboard
Then run flutter pub get to install the package.
Usage #
Here is a simple example of how to use the flutter custom splash screen:
import 'package:flutter/material.dart';
import 'package:flutter_custom_splash_screen/flutter_custom_splash_screen.dart';

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

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: SplashScreen(
bgImage: 'lib/assets/images/bg.png',
logoImage: 'lib/assets/images/logo.png',
logoHeight: 90,
logoWidth: 90,
logoColor: Colors.blue,
logoBgColor: Colors.black,
textColor: Colors.black,),
onGenerateRoute: route.controller,
initialRoute: route.splashScreen,
);
}
}

copied to clipboard
License #
This project is licensed under the MIT License - see the LICENSE file for details.