Animation in Mobile App

What is Flutter?

Flutter is a free and open-source mobile UI framework . It allows you to create a native mobile application . This means that you can use one programming language and one codebase to create two different apps (for iOS and Android).

Flutter is a frame Work and Dart is language used for Create Mobile App using flutter

Task 3

To create amazing and unique animation application. 

I have create an Mobile app with used of Flutter in this used Liquid_Swipe Libray and I have made an app foe Redhat ,docker,And store in Firebase

Liquid Swipe Intro Screen Pages UI Design in Flutter It is the dart code for the liquid swiping effects in a flutter Mobile Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

dependencies:
  liquid_swipe: ^1.5.0

2. Import it

Now in your Dart code, you can use:

import 'package:liquid_swipe/liquid_swipe.dart';

I have used liquid_Swipe Libray So Window behave as flow of wave

I have used Docker and Redhat8 command you can run .So I put Docker image in Floating window.

Usage

• Liquid Swipe just requires the list of containers. Just to provide flexibity to the developer to design its own view through it.

final pages = [
   Container(...),
   Container(...),
   Container(...),
 ];

This page is indicating Firebase which I used to store the data and with flow it is coming on the window after click in Firebase it will redirect to home where you can Register and Login

After Animation Screen it will show home page where you register and |Login

This is a Login page used to enter and data connected Firebase

I have Shown in this Animation Which I used in app

Thanks for Giving your attention