A splash view is a short introduction to an application shown when it is launched.

Related tags

Templates dart flutter
Overview

splash_view

rahul chouhan buy-me-a-coffee paypal

Splash View

A splash view is a short introduction to an application shown when it is launched. In the splash view, basic introductory information, such as the company logo, content, etc. is displayed at the moment the application load.

Sample screenshots are shown below

flutter_splash_view dart_splash_view apple_splash_view google_splash_view

Getting Started

Below is an example of how to implement SplashView in a Flutter application. Recommended: Use splash view inside MaterialApp().

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      home: SplashView(
        image: FlutterLogo(size: 80),
        title: "Splash View",
        home: Home(),
      ),
    ),
  );
}

Hide/Show loading indicator

By default showLoading is true.

SplashView(
  image: FlutterLogo(size: 80),
  title: "Splash View",
  showLoading: false,
  home: Home(),
),

Change the position of loading indication

By default bottomLoading is false. It means it's shown in the center of the splash view.

SplashView(
  image: FlutterLogo(size: 80),
  title: "Splash View",
  bottomLoading: true,
  home: Home(),
),

Properties

Property Type Description
image: Widget To display the logo/image of the splash view.
title: String To display the application name.
titleTextStyle: TextStyle To format and paint title text.
home: Widget Redirect to another splash view, when loading is completed.
seconds: int Redirected time (in seconds).
loading: Widget To set loading indicator of splash view.
showLoading: bool To hide/show the loading widget.
bottomLoading: bool To set the loading widget to the bottom.
backgroundColor: Color To set background color of splash view.
backgroundImage: ImageProvider To set background image of splash view.
backgroundImageFit: BoxFit Applies the sizing semantics of these values.
backgroundImageOpacity: double To set background image opacity.
backgroundImageColorFilter: ColorFilter A color filter is a function that takes two colors, and outputs one color.

Report bugs or issues

You are welcome to open a ticket on github if any problems arise. New ideas are always welcome.

Copyright and License

Copyright © 2022 Rahul Chouhan. Licensed under the MIT LICENSE.

You might also like...

Grid-View-App - Grid View App For Flutter

Grid-View-App - Grid View App For Flutter

grid_view_app practice purpose flutter application Getting Started This project

Jun 9, 2022

Swipeable button view - Create Ripple Animated Pages With Swipeable Button View

Swipeable button view - Create Ripple Animated Pages With Swipeable Button View

swipeable_button_view You can create ripple animated pages with swipeable_button

Apr 22, 2022

-UNDER DEVELOPMENT- a project built demonstrating model view view model architecture

mvvm_project A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Nov 28, 2022

A splash screen for flutter, hide when application loaded ,it works on iOS and Android.

A splash screen for flutter, hide when application loaded ,it works on iOS and Android.

flutter_splash_screen A splash screen API for flutter which can programatically hide and show the splash screen. Works on Android and iOS. Content Cha

Jan 9, 2023

It's a universal app template to have a great animated splash screen and liquid slider. Just change the animation if you want (rive) and change the images or colours according to your app.

liquid A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Oct 7, 2022

Doctor Consultation App in Flutter containing splash screen on boarding screen Routing state management Dash board Bottom navigation Decorated Drawer and Doctors Screen in the last.

Doctor Consultation App in Flutter containing splash screen on boarding screen  Routing  state management Dash board Bottom navigation Decorated Drawer and Doctors Screen in the last.

Online doctor Consultation App UI in Flutter Doctor Consultation App UI in Flutter Visit Website Features State Management Navigation Bar Responsive D

Jan 1, 2023

Authentication + Splash Screen Flutter UI, UI created getting inspired from one share on dribble with flutter

Authentication + Splash Screen Flutter UI, UI created getting inspired from one share on dribble with flutter

Rest App, with Firebase Auth + SplashScreen UI created getting inspired from one share on dribble with flutter, after getting amazing responce, Added

Dec 17, 2022

A Flutter Splash Screen For Food Delivery App

newfoodexpress A new Flutter project on board screen or splash screen for any app. But this developed for Food delivery app. Getting Started This proj

Dec 27, 2022

🎮 Style your flutter game with a beautiful splash screen.

🎮 Style your flutter game with a beautiful splash screen.

Flame Splash Screen Style your flame game with a beautiful splash screen. This package includes a FlameSplashScreen widget. Install Add flame_splash_s

Sep 13, 2022
Comments
  • Class 'Done' is not defined

    Class 'Done' is not defined

    I tried your example code but it says Done class is not defined.

    MaterialApp(
          home: SplashView(
            backgroundColor: Colors.red,
            loadingIndicator: RefreshProgressIndicator(),
            logo: FlutterLogo(),
            done: Done(Home()), // error
          ),
        ),
    
    The function 'Done' isn't defined.
    Try importing the library that defines 'Done', correcting the name to the name of an existing function, or defining a function named 'Done'.
    
    opened by dennis9352 1
Owner
Rahul Chouhan
Rahul Chouhan
A set of widgets to help with the implementation of the Provider architecture as shown by FilledStacks

Provider Architecture - Deprecated on 21 April 2020 Notice V2 of this package is renamed to Stacked Stacked is the name of the architecture that was o

Dane Mackier 84 Dec 16, 2021
An introduction slider has some screens that can use to describe your application.

An introduction slider has some screens that can use to describe your application. You can describe your application's title, description, logo, etc. It comes with several features.

Rahul Chouhan 6 Dec 7, 2022
Flutter app for short-term rain forecasts with MAPLE nowcasting

MAPLE Nowcasting This repository contains a Flutter app for Android and iOS that facilitates access to precipitation nowcasting data provided by McGil

Morgan Lim 4 Jun 21, 2022
Memebaaz is a video/images sharing app, Anyone can share short videos and images through app, the media will go through admin's approval.

MemeBaaz - Memes & Short Videos App Memebaaz is a Video/images Sharing App, Anyone can share short videos and images through app, the media will go th

Rakesh K. 18 Nov 14, 2022
Introduction to flutter app final input

TASK CREATOR Introduction to Flutter URSB Webinar Topics What is flutter Why Flutter ? Flutter architecture Advantage and Disadvantage Widgets State A

Nehry Dedoro 2 Aug 28, 2022
Introduction to Dart for GDSC, 2021. Cairo University.

Introduction to Dart Cairo University GDSC, 2021 Note: Most of the examples here are from the dart docs. Roadmap Data Types Conditions Loops Null Safe

Michael Soliman 3 Nov 1, 2021
Add easily to your app an introduction screen to provide informations to new users

IntroductionScreen Introduction screen allow you to have a screen at launcher for example, where you can explain your app. This Widget is very customi

Jean-Charles Moussé 484 Jan 6, 2023
Integrationtestapp - Introduction and example on Flutter Integration Testing

integrationtestapp Flutter Project with integration test example. Setup integrat

null 0 Feb 11, 2022
An introduction to one of the famous flutter package called bloc

BLoC Tutorial - Udemy The full documentation on BLoC package is available in bloclibrary.dev. This video tutorial is also available on youtube. If you

Md. Siam 1 Mar 26, 2022
Flutter list view - An unofficial list view for flutter

Flutter List View I don't like official list view. There are some features don't

null 24 Dec 15, 2022