custom_splash_screens 0.1.0
custom_splash_screens: ^0.1.0 copied to clipboard

Flutter Android iOS web

The easiest way to create custom splash screens in a just few line of codes.

custom_splash_screens #

Creates Custom Splash Screens having cool Animations.

Getting Started #

To use this plugin, add custom_splash_screens as a dependency in your pubspec.yaml file.

There are 2 types of SplashScreens :

  • SCALE_SPLASH_SCREEN
  • LINEAR_SPLASH_SCREEN

Also there are 4 Splash Screen Directions to customize animations on your own :

  • SplashScrenDirection.LTR (Left-To-Right)
  • SplashScrenDirection.RTL (Right-To-Left)
  • SplashScrenDirection.TTB (Top-To-Bottom)
  • SplashScrenDirection.BTT (Bottom-To-Top)

New Features :

  1. Custom Page Transition's are added :
  • SlideDown
  • SlideUp
  • SlideLeft
  • SlideRight
  • Flip1
  • Flip2
  • Flip3
  • Flip4
  1. reverseIconScale property added in ScaleSplashScreen .

  2. onlyIcon property added : if only icon is required to be shown.

Further below are the must required properties while using any of the splash screen :

  • icon
  • navigateTo

ScaleSplashScreen #

Example :

import 'package:flutter/material.dart';  
import 'package:custom_splash_screens/custom_splash_screens.dart';
    
    void main() => runApp(MyApp());  
   
    class  MyApp  extends  StatelessWidget {
    @override
    Widget  build(BuildContext context) {
	    return  MaterialApp(
	    title: 'SCALE SPLASH SCREEN',
	    home: ScaleSplashScreen(
    icon: FlutterLogo(),  //icon of your application or any widget you like to show
    
    labelDirection: SplashScreenDirection.LTR,  //direction in which label would move in splashScreen
    
    iconScaleDuration: Duration(seconds: 2),  // Duration for how long icon would scale
    
    reverseIconScale:true,  //Reverses Icon Scale Animation after splash animation is completed
    
    labelDuration: Duration(seconds: 2),  // Duration for how long label would move
    
    label: "NEW APP",    
    
    backgroundColor:Colors.green,  //background color for your splash screen
    
    labelStyle: TextStyle(fontSize: 18,fontWeight:FontWeight.bold),  //style for your label
    
    navigateTo: NewHome(),  // Navigate to another Page when animation is completed or screenFunction (if given) is executed
    
    screenFunction: () async {
	    await  Future.delayed(Duration(seconds: 10));
        },
      ),  // function needed to be executed on splash Screen
     
     splashPageTransistion: SplashPageTransistion.SlideLeft, // Animates page transistion while navigating to new Page
     
     screenLoader: SizedBox(
          height:100,
          width:100,
          child:Text("LOADING"),
       ),  //defines custom loader if screen Function takes longer time in execution,By default is an circular progress indicator
    );
  }
}

LinearSplashScreen #

Example :

import 'package:flutter/material.dart';  
import 'package:custom_splash_screens/custom_splash_screens.dart';
    
    void main() => runApp(MyApp());  
   
    class  MyApp  extends  StatelessWidget {
    @override
    Widget  build(BuildContext context) {
	    return  MaterialApp(
	    title: 'SCALE SPLASH SCREEN',
	    home: LinearSplashScreen(
    
    icon: FlutterLogo(),  //icon of your application or any widget you like to show
    
    iconDirection: SplashScreenDirection.TTB,  //direction in which icon would move in splashScreen
    
    labelDirection: SplashScreenDirection.LTR,  //direction in which label would move in splashScreen
    
    iconDuration: Duration(seconds: 2),  // Duration for how long icon would move
    
    labelDuration: Duration(seconds: 2),  // Duration for how long label would move
    
    label: "NEW APP",    
    
    backgroundColor:Colors.green,  //background color for your splash screen
    
    labelStyle: TextStyle(fontSize: 18,fontWeight:FontWeight.bold),  //style for your label
    
    navigateTo: NewHome(),  // Navigate to another Page when animation is completed or screenFunction (if given) is executed
    
    screenFunction: () async {
	    await  Future.delayed(Duration(seconds: 10));
        },
      ),  // function needed to be executed on splash Screen
    
    splashPageTransistion: SplashPageTransistion.SlideLeft, // Animates page transistion while navigating to new Page
	
	screenLoader: SizedBox(
          height:100,
          width:100,
          child:Text("LOADING"),
       ),  //defines custom loader if screen Function takes longer time in execution,By default is an circular progress indicator
    );
  }
}

12
likes
110
pub points
35%
popularity

The easiest way to create custom splash screens in a just few line of codes.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

vinayjain7281@gmail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on custom_splash_screens