splasher 0.0.9 copy "splasher: ^0.0.9" to clipboard
splasher: ^0.0.9 copied to clipboard

The Splasher widget in Flutter is designed to create a splash screen for your application.

Example #

  1. Using Lottie animation:
import 'package:splasher/splasher.dart';

Splasher.withLottie(
  logo: 'assets/animations/app_logo.json', // Path to Lottie file
  backgroundColor: Colors.white,
  loadingText: 'Loading...',
  durationInSeconds: 3,
  navigator: HomeScreen(),
  // ... other customizations
);
  1. Using image logo:
import 'package:splasher/splasher.dart';

Splasher.withImage(
  logo: AssetImage('assets/images/app_logo.png'), // Image asset
  backgroundColor: Colors.white,
  loadingText: 'Loading...',
  durationInSeconds: 3,
  navigator: HomeScreen(),
  // ... other customizations
);

Screenshots #

drawing

Description #

The Splasher widget allows you to customize various aspects of your splash screen:

  • App Title: Displayed in the middle of the screen if no image is available.

  • Background Color: Set the background color of the splash screen.

  • Background Image: Optionally set a background image for the entire screen.

  • Logo: Display a logo, either as an image or as a Lottie animation.

  • Loader: Display a loader, such as a CircularProgressIndicator, while the app initializes.

  • Loading Text: Optionally display text indicating that the app is loading.

  • Duration: Specify how long the splash screen should remain visible before navigating to the main content.

  • Navigator: Define where to navigate after the splash screen, either by specifying a route name or a widget.

  • Future Navigator: Alternatively, provide a function that returns a future, and the navigation will occur once that future is complete.

  • Gradient Background: Set a gradient background for the entire screen.

Mini-Instructions #

To use the Splasher widget:

  1. Instantiate the Splasher widget with required parameters like the logo.

  2. Optionally, customize other parameters like backgroundColor, loadingText, durationInSeconds, etc.

  3. Specify the navigation destination either directly with navigator or using a future with futureNavigator.

  4. Place the Splasher widget at the root of your app or wherever appropriate.

  5. Run your application, and the splash screen will be displayed according to your configurations before navigating to the main content.

3
likes
140
pub points
22%
popularity

Publisher

verified publishermagradze.dev

The Splasher widget in Flutter is designed to create a splash screen for your application.

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD-3-Clause (LICENSE)

Dependencies

flutter, lottie

More

Packages that depend on splasher