Facilitator for having a Splash Screen with a Flare animation

Last update: May 17, 2022

flare_splash_screen

pub package

Facilitator for having a Splash screen with a Flare animation until some work has been done for the initialization of the app

If you're using Rive instead of Flare please use rive_splash_screen

Usage

Navigation

The splash screen will show the animation and push the new route you gave once it's finish, by default it does a fade animation but you can customize it by using transitionsBuilder

SplashScreen.navigate(
    name: 'intro.flr',
    next: (_) => MyHomePage(title: 'Flutter Demo Home Page'),
    until: () => Future.delayed(Duration(seconds: 5)),
    startAnimation: '1',
),

Callback

The splash screen will show the animation and call the onFinished callback when it's finish.

SplashScreen.callback(
    name: 'intro.flr',    
    onFinished: () {
      Navigator.of(context).pushReplacement(PageRouteBuilder(pageBuilder: (_,__,___) => MyHomePage(title: 'Flutter Demo Home Page')));
    },
    loopAnimation: '1',
    until: () => Future.delayed(Duration(seconds: 1)),
    endAnimation: '1',
),

API

name : path/name of the flare animation

next : screen to show once animation is finished as widget builder

loopAnimation: animation name to run, default same as first param

startAnimation: animation name to run once before going into loop

endAnimation: animation name to run once until is complete

until: callback that return a future to process your initialization

isLoading: alternative to until if you want to manage loading state with a boolean

height: force the height of the flare animation, by default it take the all place available

width: force the width of the flare animation, by default it take the all place available

alignment: alignment of the flare animation, center by default

transitionsBuilder transition to apply when showing next

Available animation mode

Only one animation

Basically you have one animation to show and then just need to stay at last frame. In order to do that only specify the startAnimation

Start and loop animation

Your animation have an intro and a loop state, in order to do that only specify the startAnimation and loopAnimation

End and loop animation

Your animation have a finish and a loop state, in order to do that only specify the endAnimation and loopAnimation

Start and end animation

Your animation have an intro and a finish that should stay on the last frame, in order to do that only startAnimation and endAnimation

Start, end and loop animation

Your animation have an intro, a finish and a loop state, in order to do that specify the startAnimation, endAnimation and loopAnimation

GitHub

https://github.com/jaumard/flare_splash_screen
Comments
  • 1. until not working

    SplashScreen.navigate( name: "assets/splash.flr", next:(_)=>MyHomePage(color,json) , until: ()=>Future.delayed(Duration(seconds: 1)), fit: BoxFit.cover, startAnimation: "intro", )

    Reviewed by orgio at 2020-03-12 02:06
  • 2. Rive support

    With the breaking update of rive 1 to rive 2, the .flr file format is not supported anymore and all exports are made in a new format .riv. Neither there is any way to convert a .flr file to .riv nor there is any way to export a .flr file from the rive 2 app. This package needs to be updated to support the new format as the rive 1 app will soon be deprecated.

    Reviewed by muhammadidrees at 2020-12-14 04:26
  • 3. Animation dont start

    I try with the anomation's example flare fire and it works, if I download a new one from flare site, the new animation dont work and dont redirect to the chosen screen.

    Reviewed by tuskinhu at 2020-01-18 03:54
  • 4. version solving failed

    Because flare_splash_screen 3.0.0 requires Flutter SDK version >=1.7.8 <2.0.0 and no versions of flare_splash_screen match >3.0.0 <4.0.0, flare_splash_screen ^3.0.0 is forbidden. So, because my_app depends on flare_splash_screen ^3.0.0, version solving failed.

    Reviewed by Condelab at 2019-12-02 20:25
  • 5. isLoading.dart example is not working

    Hi, @jaumard

    First of all thank you very much for the great plugin, but there is a problem with your example you provide. Specifically, it is isLoading.dart file. The example should point out possibility of initial splash screen being redirected to the home screen, as soon as some of the functions are complete (after 5sec. in your example), but after the initial splash animation stops — screen is not redirected to MyHomePage, even after _isLoading is correctly set to "false" value. Flutter doctor have no issues.

    I have test it in real android device (you can see private video of it here): https://youtu.be/hm877rJre5A and on iOS simulator (you can see private video of it here): https://youtu.be/JUS_LJel_Tg Can you provide solution how to fix "isLoading" propery? Propety "until" is working fine, but i need to work with boolean values. Can you please take a look in your free time?

    Thanks, dude.

    P.S. Also can you advice, how to show animation for few seconds, even if all functions are done with their job (so isLoading setted то false).

    Reviewed by tsinis at 2019-10-17 10:46
  • 6. Black screen while displaying animation

    Hi,

    Your plugin seems pretty cool but I can't make it work prperly. While the data is loading, the flare animation that I created is not displayed and I got a black screen with the "debug" banner. For info, my animation is working as I tried to display it with a FlareActor and it's working.

    I've done like your example :

    class MyApp extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'TestApp',
          home: SplashScreen.navigate(
            name: 'intro.flr',
            next: HomeScreen(),
            until: () => loadData(context),
            startAnimation: '1',
          ),
        );
      }
    }
    

    And put the anim.flr into assets and add it to the pubspec.yaml :

    • assets/anim.flr

    When my code is running, I got no error and the next screen is displayed after the data is loaded.

    Here is my flutter doctor output:

    [√] Flutter (Channel stable, v1.7.8+hotfix.4, on Microsoft Windows [version 10.0.17763.615], locale fr-FR) • Flutter version 1.7.8+hotfix.4 at C:\Users\Maxence\flutter • Framework revision 20e59316b8 (8 days ago), 2019-07-18 20:04:33 -0700 • Engine revision fee001c93f • Dart version 2.4.0

    [√] Android toolchain - develop for Android devices (Android SDK version 28.0.3) • Android SDK at C:\Users\Maxence\AppData\Local\Android\sdk • Android NDK location not configured (optional; useful for native profiling support) • Platform android-28, build-tools 28.0.3 • Java binary at: C:\Program Files (x86)\Android\Android Studio\jre\bin\java • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1343-b01) • All Android licenses accepted.

    [√] Android Studio (version 3.4) • Android Studio at C:\Program Files (x86)\Android\Android Studio • Flutter plugin version 37.1.1 • Dart plugin version 183.6270 • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1343-b01)

    Thanks for your help, I really want to make your plugin work :)

    Reviewed by maxouille at 2019-07-27 12:22
  • 7. How do we use the transitionsBuilder property?

    Shown below is a snippet of my code, it does not execute the appropriate transition but instead gets stuck on the splash screen.

    home: SplashScreen.navigate(
            name: 'assets/splash.flr',
            next: HomePage(),
            until: () => Future.delayed(Duration(seconds: 2)),
            startAnimation: 'SplashScreen',
            backgroundColor: Color(0xff211E25),
            transitionsBuilder: (context, a, a2) {
              return FadeTransition(
                opacity: a,
              );
            }
          ),
    

    Instead of desired output i get the following error message

    I/flutter ( 4023): NAME SplashScreen
    I/flutter ( 4023): ══╡ EXCEPTION CAUGHT BY SCHEDULER LIBRARY ╞═════════════════════════════════════════════════════════
    I/flutter ( 4023): The following assertion was thrown during a scheduler callback:
    I/flutter ( 4023): type '(BuildContext, Animation<double>, Animation<double>) => FadeTransition' is not a subtype of
    I/flutter ( 4023): type '(BuildContext, Animation<double>, Animation<double>, Widget) => Widget'
    

    Could someone please explain how transitionsBuilder is supposed to be used here

    Reviewed by NasirKhalid24 at 2019-07-05 22:18
  • 8. web navigation error

    Hello, animation is works, but after navigate get error

    ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════ The following assertion was thrown building TickerMode(mode: disabled): setState() or markNeedsBuild() called during build. This Overlay widget cannot be marked as needing to build because the framework is already in the process of building widgets. A widget can be marked as needing to be built during the build phase only if one of its ancestors is currently building. This exception is allowed because the framework builds parent widgets before children, which means a dirty descendant will always be built. Otherwise, the framework might not visit this widget during this build phase. The widget on which setState() or markNeedsBuild() was called was: Overlay-[LabeledGlobalKey#a07a3] The widget which was currently being built when the offending call was made was: TickerMode

    The relevant error-causing widget was: MaterialApp org-dartlang-app:///packages/lynx_blog/main.dart:35:12 When the exception was thrown, this was the stack: package:dart-sdk/lib/internal/js_dev_runtime/private/ddc_runtime/errors.dart 196:49 throw package:flutter/src/widgets/framework.dart 3896:11 package:flutter/src/widgets/framework.dart 3910:14 markNeedsBuild package:flutter/src/widgets/framework.dart 1168:14 setState package:flutter/src/widgets/overlay.dart 344:5 insertAll package:flutter/src/widgets/routes.dart 44:24 install package:flutter/src/widgets/routes.dart 181:11 install package:flutter/src/widgets/routes.dart 959:11 install package:flutter/src/widgets/navigator.dart 1883:13 pushReplacement package:flare_splash_screen/flare_splash_screen.dart 135:27 [_goToNext] package:flare_splash_screen/flare_splash_screen.dart 118:11 package:flare_loading/flare_loading.dart 117:16 [_finished] package:flare_loading/flare_loading.dart 153:7 advance package:flare_flutter/flare_actor.dart 433:22 advance package:flare_flutter/flare_actor.dart 339:5 [_instanceArtboard] package:flare_flutter/flare_actor.dart 359:12 warmLoad package:flare_flutter/flare_render_box.dart 257:10 load package:flare_flutter/flare_render_box.dart 104:7 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/proxy_box.dart 883:11 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/rendering/object.dart 2912:27 attach package:flutter/src/foundation/node.dart 132:12 adoptChild package:flutter/src/rendering/object.dart 1238:11 adoptChild package:flutter/src/rendering/object.dart 3077:5 insert package:flutter/src/widgets/overlay.dart 530:20 insertChildRenderObject package:flutter/src/widgets/framework.dart 5295:35 attachRenderObject package:flutter/src/widgets/framework.dart 3108:12 package:flutter/src/widgets/framework.dart 4272:22 visitChildren package:flutter/src/widgets/framework.dart 3107:5 attachRenderObject package:flutter/src/widgets/framework.dart 3108:12 package:flutter/src/widgets/framework.dart 4272:22 visitChildren package:flutter/src/widgets/framework.dart 3107:5 attachRenderObject package:flutter/src/widgets/framework.dart 3108:12 package:flutter/src/widgets/framework.dart 4272:22 visitChildren package:flutter/src/widgets/framework.dart 3107:5 attachRenderObject package:flutter/src/widgets/framework.dart 3261:5 [_activateWithParent] package:flutter/src/widgets/framework.dart 3183:17 inflateWidget package:flutter/src/widgets/framework.dart 2988:12 updateChild package:flutter/src/widgets/framework.dart 4243:16 performRebuild package:flutter/src/widgets/framework.dart 3947:5 rebuild package:flutter/src/widgets/framework.dart 4206:5 [_firstBuild] package:flutter/src/widgets/framework.dart 4201:5 mount package:flutter/src/widgets/framework.dart 3194:13 inflateWidget package:flutter/src/widgets/framework.dart 2988:12 updateChild package:flutter/src/widgets/framework.dart 5219:32 updateChildren package:flutter/src/widgets/overlay.dart 606:17 update package:flutter/src/widgets/framework.dart 2977:14 updateChild package:flutter/src/widgets/framework.dart 4243:16 performRebuild package:flutter/src/widgets/framework.dart 3947:5 rebuild package:flutter/src/widgets/framework.dart 2432:31 buildScope package:flutter/src/widgets/binding.dart 773:49 drawFrame package:flutter/src/rendering/binding.dart 283:5 [_handlePersistentFrameCallback] package:flutter/src/scheduler/binding.dart 1102:15 [_invokeFrameCallback] package:flutter/src/scheduler/binding.dart 1041:9 handleDrawFrame package:flutter/src/scheduler/binding.dart 957:5 [_handleDrawFrame] package:build_web_compilers/lib/_engine/engine.dart 181:21

    ════════════════════════════════════════════════════════════════════════════════════════════════════ Another exception was thrown: NoSuchMethodError: invalid member on null: 'status'

    Reviewed by timeshift92 at 2020-03-12 11:05
  • 9. still shows the white splash screen!

    i am using the splash flare animation screen like this

    MaterialApp(
            home: SplashScreen.navigate(
              name: 'assets/splash.flr',
              next: (context) => WelcomePage(),
              until: () => Future.delayed(
                Duration(milliseconds: 4),
              ),
              startAnimation: '0',
              endAnimation: '4',
              loopAnimation: 'splash',
            ),
          )
    

    but it still shows the initial white screen then the animation, how can this be fixed?

    Reviewed by hewa-jalal at 2020-05-03 18:14
  • 10. Animation not playing

    The code is working. with your intro.flr, but when i add my animation i get a frozen frame.

    I noticed if changed the 'start' value or the 'until => delayed' value your intro.flr also gets a frozen screen.

    so i assume these have to match the animation in someway? maybe I'm missing something in your documentation but iv gone through it a few times

    Iv tried every variation on these values that makes sense and i cannot seem to get my animation to play. some guidance would be appreciated :)

    Reviewed by gjbottomley at 2020-04-16 21:55
  • 11. Animation stops when creating the next screen

    Hi!

    I'm using your package and it's great !

    I load data from a database during until (this works fine) and then, I push a new route to my HomeScreen which is a screen with a Google Map and clusters of markers (clustering_google_map package).

    There is some weird behavior but maybe it's normal. When the loading is done, the animation freezes. I suppose it's during the building of the new StatefulWidget.

    Here is my implementation of the Splashscreen :

    @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Wily - Paris',
          home: SplashScreen.navigate(
              name: 'assets/splash_anim.flr',
              next: (context) => HomeScreen(),
              until: () async {
                await loadData(context);
                print("after load data");
              },
              startAnimation: 'pulse',
              loopAnimation: 'pulse',
              endAnimation: 'pulse',
              backgroundColor: Color(0xffffffff)
          )
        );
      }
    

    And my HomeScreen displays a Map Screen. The init of my MapScreen is :

    @override
      initState() {
        print("init state in MapScreen");
        initPlatformState();
        print("after plateformstate init");
        initClustering();
        super.initState();
      }
    

    The animation stops before the print("init state in MapScreen");. And I don't know what my emulator is doing during that time (up to 4 seconds)...

    There is no errors but there is the logcat:

    D/EGL_emulation(12288): eglMakeCurrent: 0x7d3a2cc5f280: ver 3 0 (tinfo 0x7d3a2cc25660)
    D/skia    (12288): Shader compilation error
    D/skia    (12288): ------------------------
    D/skia    (12288): Errors:
    D/skia    (12288): 
    I/flutter (12288): Retrieved meta data from opendata.paris.fr
    I/flutter (12288): 2019-11-09 14:00:38.000
    I/flutter (12288): No date changes
    I/flutter (12288): DBHelper: init database for the first time it is accessed
    I/flutter (12288): DBHelper: init database
    I/flutter (12288): Get all toilets from Database and save them to globals...
    I/flutter (12288): after load data /!\ Animation stops here !
    I/flutter (12288): init state in HomeScreen
    I/flutter (12288): init state in MapScreen
    I/flutter (12288): after plateformstate init
    I/flutter (12288): MapScreen: init clusteringHelper
    D/        (12288): HostConnection::get() New Host Connection established 0x7d3a2e84b000, tid 12303
    I/zzbz    (12288): Making Creator dynamically
    W/com.wily(12288): Unsupported class loader
    W/com.wily(12288): Skipping duplicate class check due to unsupported classloader
    I/DynamiteModule(12288): Considering local module com.google.android.gms.maps_dynamite:0 and remote module com.google.android.gms.maps_dynamite:221
    I/DynamiteModule(12288): Selected remote version of com.google.android.gms.maps_dynamite, version >= 221
    V/DynamiteModule(12288): Dynamite loader version >= 2, using loadModule2NoCrashUtils
    W/ChimeraDebugLogger(12288): Singleton logger instance not set.
    W/com.wily(12288): Unsupported class loader
    W/com.wily(12288): Skipping duplicate class check due to unsupported classloader
    I/Google Maps Android API(12288): Google Play services client version: 12451000
    I/Google Maps Android API(12288): Google Play services package version: 19275041
    W/com.wily(12288): Accessing hidden field Ljava/nio/Buffer;->address:J (light greylist, reflection)
    D/NetworkSecurityConfig(12288): No Network Security Config specified, using platform default
    I/flutter (12288): DBHelper: get not 
    

    Thx

    Reviewed by maxouille at 2019-11-17 13:37
  • 12. Null safety support

    /C:/flutter/.pub-cache/hosted/pub.dartlang.org/flare_flutter-3.0.2/lib/flare_render_box.dart:170:28: Warning: Operand of null-aware operation '?.' has type 'SchedulerBinding' which excludes null.

    • 'SchedulerBinding' is from 'package:flutter/src/scheduler/binding.dart' ('/C:/flutter/packages/flutter/lib/src/scheduler/binding.dart'). package:flutter/…/scheduler/binding.dart:1 SchedulerBinding.instance?.scheduleFrameCallback(_beginFrame) ?? -1;
    Reviewed by ronaldgosso at 2022-07-05 22:26
  • 13. Alignment is not working

    Hi, great library!

    I set alignment to bottomCenter but it is aligned to the center of the screen. Here is the code:

      class MyApp extends StatelessWidget {
        // This widget is the root of your application.
        @override
        Widget build(BuildContext context) {
          return MaterialApp(
            title: 'Flutter Demo',
            home: WelcomeScreen(),
            theme: ThemeData(
              primarySwatch: Colors.blue,
              visualDensity: VisualDensity.adaptivePlatformDensity,
            ),
          );
        }
      }
      
      class WelcomeScreen extends StatefulWidget {
        @override
        _WelcomeScreenState createState() => _WelcomeScreenState();
      }
      
      class _WelcomeScreenState extends State<WelcomeScreen> {
        @override
        Widget build(BuildContext context) {
          var _size = MediaQuery.of(context).size;
          return SplashScreen.navigate(
            name: 'assets/intro.flr',
            next: (context) => MyHomePage(title: "Hey!"),
            startAnimation: 'intro',
            until: () => Future.delayed(Duration(seconds: 5)),
            alignment: Alignment.bottomCenter,
            width: _size.width,
            backgroundColor: Colors.black,
          );
        }
      }
    
    

    This is the result: https://ibb.co/MsMRyYv

    Am I doing something wrong here?

    Reviewed by draskosaric at 2020-09-06 10:01
  • 14. adding a RouteSettings parameter

    I added routeSettings parameter to the project to be able to navigate the app like this : Navigator.of(context).popUntil(ModalRoute.withName('someName')).

    Reviewed by AlexJDeath at 2020-09-04 03:11
  • 15. Testing with flare_splash_screen requires FlareTesting.setup()

    I just wanted to share something, perhaps for the docs? It wasn't super hard to find out why but I couldn't manage to get flutter test driver to work with the splash screen, it just wouldn't show up and the tests would eventually time out. A bit of sleuthing turned up that I had to manually rely on the underlying flare_flutter package and set it up for testing. The resulting test_driver/main.dart is as follows.

    import 'package:flare_flutter/flare_testing.dart';
    import 'package:flutter_driver/driver_extension.dart';
    import 'package:my_package/main_test.dart' as app;
    
    void main() {
      enableFlutterDriverExtension();
      FlareTesting.setup(); // <-- This here line
      app.main();
    }
    

    Just sharing in case anyone else has the same problem or in case it needs to make it into the docs.

    Reviewed by rubenvereecken at 2020-08-30 10:27
  • 16. setState() called after dispose(): _FlareLoadingState#...

    Hi, it's me again, your favourite source of unwanted bug reports.

    I'll start off with the error message.

    E/flutter (14134): [ERROR:flutter/shell/common/shell.cc(209)] Dart Error: Unhandled exception:
    E/flutter (14134): setState() called after dispose(): _FlareLoadingState#27075(lifecycle state: defunct, not mounted)
    E/flutter (14134): This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer includes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback.
    E/flutter (14134): The preferred solution is to cancel the timer or stop listening to the animation in the dispose() callback. Another solution is to check the "mounted" property of this object before calling setState() to ensure the object is still in the tree.
    E/flutter (14134): This error might indicate a memory leak if setState() is being called because another object is retaining a reference to this State object after it has been removed from the tree. To avoid memory leaks, consider breaking the reference to this object during dispose().
    E/flutter (14134): #0      State.setState.<anonymous closure> (package:flutter/src/widgets/framework.dart:1204:9)
    E/flutter (14134): #1      State.setState (package:flutter/src/widgets/framework.dart:1239:6)
    E/flutter (14134): #2      _FlareLoadingState._processCallback (package:flare_loading/flare_loading.dart:104:7)
    E/flutter (14134): <asynchronous suspension>
    E/flutter (14134): #3      _FlareLoadingState.initState (package:flare_loading/flare_loading.dart:56:5)
    

    Now this has proven a really pesky one to debug because it doesn't always occur. So it's a time-sensitive issue, a race condition. I included a bit of stacktrace above that points to flare_loading and indeed, it does set setState. I have a feeling my until function finishes before my animation finishes. My onSuccess navigates elsewhere so I assume this removes the widget from the tree or something, which meshes with the verbose error I get. Still, I haven't been able to figure it out exactly.

    I thought I'd report it here in case any of things rings a bell or the solution is obvious.

    Reviewed by rubenvereecken at 2020-08-17 17:10

Related

Flutter animation tutorials, such common animation, flare animation.
Flutter animation tutorials, such common animation, flare animation.

❤️ Star ❤️ the repo to support the project or ?? Follow Me.Thanks! Facebook Page Facebook Group QQ Group Developer Flutter Open Flutter Open 963828159

Jul 3, 2022
Flutter animation tutorials, such common animation, flare animation.
Flutter animation tutorials, such common animation, flare animation.

❤️ Star ❤️ the repo to support the project or ?? Follow Me.Thanks! Facebook Page Facebook Group QQ Group Developer Flutter Open Flutter Open 963828159

Jul 3, 2022
Loading widget based on a Flare animation, allow you to create beautiful custom loading widgets or dialogs

flare_loading Loading widget based on a Flare animation, allow you to create custom loading widgets or dialogs If you're using Rive instead of Flare p

Apr 16, 2021
A light weight package for flutter apps, that easily shows a splash screen with a nice fade animation.

Animated Splash Screen Using the package Get the library environment: sdk: ">=2.1.0 <3.0.0" Add dependency in pubspec.yaml dependencies: animated_

May 3, 2022
A Flutter Log In Page using Flare Animations
A Flutter Log In Page using Flare Animations

Bear_log_in An example built using JCToon's Flare File as a custom UI component. Bear will follow the cursor as you type or move it around. Overview T

Jul 21, 2022
A sample for having PageView transformation effects in Flutter.
A sample for having PageView transformation effects in Flutter.

What is it? The end result looks a little something like this: Sample project for creating nice looking PageView parallax effects in Flutter. Read the

Aug 17, 2022
This flutter package contains a widget called DecodingTextEffect which is having some cool Decode Effects for texts.
 This flutter package contains a widget called DecodingTextEffect which is having some cool Decode Effects for texts.

This flutter package contains a widget called DecodingTextEffect which is having some cool Decode Effects for texts. Installing 1. Depend on it Add th

Nov 25, 2020
Onboarding Screen,Alert & Lottie Animation Example.

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

Dec 30, 2021
A Flutter library that makes animation easer. It allows for separation of animation setup from the User Interface.

animator This library is an animation library for Flutter that: makes animation as simple as the simplest widget in Flutter with the help of Animator

Jun 22, 2022
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration.
A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration.

A simple animated circular menu for Flutter, Adjustable radius, colors, alignment, animation curve and animation duration. pub package Getting Started

Aug 8, 2022
Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's heart when you like something and animation effects to increase like count.
Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's heart when you like something and animation effects to increase like count.

like_button Language: English | 中文简体 Like Button is a flutter library that allows you to create a button with animation effects similar to Twitter's h

Aug 10, 2022
BKash-Ballance-Animation - BKash Ballance Animation For Flutter
BKash-Ballance-Animation - BKash Ballance Animation For Flutter

BKash-Ballance-Animation before clone the GitHub repository please give a star o

Jul 20, 2022
Fisherman-Fishing-Animation - Fisherman Fishing Animation With Flutter
Fisherman-Fishing-Animation - Fisherman Fishing Animation With Flutter

Fisherman Fishing Animation before clone the GitHub repository please give a sta

Jul 21, 2022
Nubank card animation - Nubank card animation built with flutter
Nubank card animation - Nubank card animation built with flutter

Nubank card animation Project | Technologies | How to run | How to contribute ??

Jun 18, 2022
Fade animation - Add fade animation to your app easily
Fade animation - Add fade animation to your app easily

fade_animation Add fade animation to your app easily using simple_animations pac

Jan 28, 2022
Change Application's name, package name, icon and Splash in one shot by one Command on Android & IOS
Change Application's name, package name, icon and Splash in one shot by one Command on Android & IOS

Change Application's name, package name, icon and Splash in one shot by one Command on Android & IOS. Installing dart pub global activate before_publi

Jun 21, 2022
Provides login screen with login/signup functionalities to help speed up development
Provides login screen with login/signup functionalities to help speed up development

Flutter Login FlutterLogin is a ready-made login/signup widget with many animation effects to demonstrate the capabilities of Flutter Installation Fol

Aug 13, 2022
Widgets for creating Hero-like animations between two widgets within the same screen.
Widgets for creating Hero-like animations between two widgets within the same screen.

flutter_sidekick Widgets for creating Hero-like animations between two widgets within the same screen. Features Hero-like animations. Allow you to spe

Jul 28, 2022
Basic login and signup screen designed in flutter
Basic login and signup screen designed in flutter

flutter_login_signup Simple basic authentication app designed in flutter. App design is based on Login/Register Design designed by Frank Arinze Downlo

Aug 8, 2022