geekyants / flutter-login-home-animation

Flutter Login Home Animation

A new open-source Flutter project that enables the developer to quickly get started with the Flutter animation and application development. Here’s a GIF that shows a Flutter app that I created. It is a rebuild version of a UI design that I came across on Dribbble.

This project contains the basic features of Flutter Animation that are required to build an amazing Flutter application.

You can also checkout the flow of animation and steps to design it briefly at our medium article Flutter Login Animation

Demo

Getting Started

Note: Make sure your Flutter environment is setup.

Installation

In the command terminal, run the following commands:

$ git clone https://github.com/GeekyAnts/flutter-login-home-animation/tree/master/
$ cd Flutter-LoginAnimation/dribbbledanimation
$ flutter run

Simulate for iOS

Method One

Open the project in Xcode from ios/Runner.xcodeproj.
Hit the play button.

Method Two

Run the following command in your terminal.
$ open -a Simulator
$ flutter run

Simulate for Android

Make sure you have an Android emulator installed and running.
Run the following command in your terminal.
$ flutter run

Check out Flutter’s online documentation for help getting start with your Flutter Animation project.

flutter-login-home-animation's Issues

怎么添加网络请求？

你好，怎么在这个demo里添加网络请求登录？

Login

This template is slow

I downloaded this template and ran it (without any change) on Nexus 5X. But animations and UI transitions are slow. My command was 'flutter run'

And again I installed application using 'flutter install' command. But still it is slow.

Is there any special thing I have to do?

Build not working

Hi there,
The index.dart under Screen/Home has error: As following.

• Target of URI doesn't exist: 'package:intl/intl.dart'.
• Undefined class 'DateFormat.MMMM'.

Sorry that I've already tried to google this two problems, but can't find solution.

I git cloned the dictionary, got the whole code, then compile return these 2 errors.
Dart: 2.13.2
Flutter: Channel Beta, V0.4.4

Thanks,

HomePage pushed multiple times

When I press "Sign In" I am redirected to the Homepage as expected.
After I hit the back button and "Sign In" again the Homepage is pushed multiple times and I need to hit "back" quite often to get back to the Login Screen.

I think this is due to reusing the buttonController over and over again without resetting it.
Adding buttonController.reset() here fixes the error at least for me.

Real world use case

So being new to Dart I am having trouble processing this code.
At what point do you grab the username and password process the credentials and stop the navigation if they are wrong and display an error message?

I also encountered this error:
_onWillPop is returning the error:
Error: A value of type 'Future<bool?>' can't be assigned to a variable of type 'Future' because 'bool?' is nullable and 'bool' isn't.

Upgrade

This project needs upgrading because there are so many terms that are not supported by flutter anymore and depreciated terms like isInitialRoute etc.

Too hard to use

How to disable go back to LoginScreen ?

Yep, i can't disable user go back to LoginScreen from HomeScreen, you have solution in this case ?

Missed library

Hi,

I was testing your project and I got this:

Andres-MBP:flutter_tests andre$ git clone https://github.com/GeekyAnts/flutter-login-home-animation
Cloning into 'flutter-login-home-animation'...
remote: Counting objects: 149, done.
remote: Compressing objects: 100% (119/119), done.
remote: Total 149 (delta 16), reused 143 (delta 10), pack-reused 0
Receiving objects: 100% (149/149), 3.37 MiB | 2.29 MiB/s, done.
Resolving deltas: 100% (16/16), done.
Andres-MBP:flutter_tests andre$ cd flutter-login-home-animation/dribbbledanimation/
Andres-MBP:dribbbledanimation andre$ flutter run
Running "flutter packages get" in dribbbledanimation...      3.5s
Your application could not be compiled, because its dependencies could not be established.
The following Dart file:
  /Users/andre/git/flutter_tests/flutter-login-home-animation/dribbbledanimation/lib/main.dart
...refers, in an import, to the following library:
  package:dribbbledanimation/Routes.dart
That library is in a package that is not known. Maybe you forgot to mention it in your pubspec.yaml file?

Regards

settings.isInitialRoute isnt defined in RouteSettings

I tried to run this project but stumbled upon this.

in Routes.dart:

if (settings.isInitialRoute) return child;

there is this error:

Compiler message:
lib/Routes.dart:37:18: Error: The getter 'isInitialRoute' isn't defined for the class 'RouteSettings'.

• 'RouteSettings' is from 'package:flutter/src/widgets/navigator.dart' ('/C:/fluttersdk/packages/flutter/lib/src/widgets/navigator.dart').
  Try correcting the name to the name of an existing getter, or defining a getter or field named 'isInitialRoute'.
  if (settings.isInitialRoute) return child;
  ^^^^^^^^^^^^^^