FLUTTER ECOSYSTEM

rexthecoder/flutter_animated_splash_screen

Flutterでアニメーション付きのスプラッシュスクリーンを作成する作業を自動化するパッケージ。

flutter_animated_splash_screen のプロジェクト画像
Stars
17
Forks
28
最終プッシュ(UTC)
2024/07/29
プロジェクト状態
公開中
Rexford Asamoah GitHub avatar
GITHUB User

Rexford Asamoah ↗

Africa Passionate Developer || Data Scientist || Flutter and Dart lover || React Js Manipulator || Community Builder || Creator of FlutterHall

RStduioKumasi,Ghana
言語DartHTMLCSSKotlinSwiftObjective-C

使用している依存関係

依存関係一覧 8 件

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

Animated Native Splash

Maintenance GitHub release likes popularity pub points

Getting Started 🚀

Making native aimated splash seems like a huge issue but with this package everything is done for. All you need is Json file of your animated object and we can help you to bring them to life. 🎇

Usage 🎨

First, add animated_native_splash as a dev dependency in your pubspec.yaml file. It belongs in dev_dependencies because it is a command line tool.

dev_dependencies:
  animated_native_splash: ^1.0.0
animated_native_splash:

  # This package generates native code to customize Flutter's splash

  # jsonFile is the only required parameter.This the file use to setup the animation object.
  jsonFile: assets/splash.json

Run the package

After adding your settings, run the following command in the terminal:

flutter pub run animated_native_splash:create

Now wait for everything to finish injecting. BOOM you have your animated native splash setup 🎉

Note that on web, you maybe bad splash effects on debug run but all will be normal when you deploy your website to any web host of your preference

Release Notes 💙

🚀 New Feature
Support Android
Support Web

Known Issues 💔

No known issues so far.

Demo 👀

Web
https://user-images.githubusercontent.com/36260221/151686035-c6893bd0-38a6-48d1-bfb7-9593724048d1.gif https://trashy-fruit.surge.sh/#/ ### Mobile https://user-images.githubusercontent.com/36260221/151686212-4926a2f7-a819-4124-a470-43a5c4478a0c.gif