afgprogrammer/flutter-login-page-ui

Flutter Beautiful Login Page design and Animation - day 12

Flutter Beautiful Login Page UI Design and Animation - Day 12

class Day12 extends Flutter100DaysOfCode {
  video() {
    return {
      "title": "Flutter Beautiful Login Page UI Design and Animation",
      "description": "Let's see how we can design a Login page UI and add some cool animation.",
      "day": 12,
      "videoLink": "https://youtu.be/NHAIiAmxTAU"
    }
  }
}

Watch it on Youtube

Previous Designs

Checkout my Youtube channel

Development Setup

Clone the repository and run the following commands:

flutter pub get
flutter run

ScreenShots

Links

• Website
• Youtube channel
• Twitter
• Instagram

flutter-login-page-ui's Issues

Error: The operator '[]' isn't defined for the class in FadeAnimation class

When I try to add animations, I get the error below. Can you help me?
Error: The operator '[]' isn't defined for the class 'Object?'. lib/Animations/fade_animation.dart:26 'Object' is from 'dart:core'. Try correcting the operator to an existing operator, or defining a '[]' operator. opacity: animation["opacity"],
in here:

Simple Animations needs to be updated to ensure null safety

The simple animations version used does not ensure null safety

Bottom overflowed by 185 pixels

I was trying to tum it on Redmi 6 pro and it gave me the error that

bottom overflowed by 185 pixels.

A RenderFlex overflowed by 72 pixels on the bottom.

he following assertion was thrown during layout:
I/flutter ( 6530): A RenderFlex overflowed by 72 pixels on the bottom.
I/flutter ( 6530):
I/flutter ( 6530): Widget creation tracking is currently disabled. Enabling it enables improved error messages. It can
I/flutter ( 6530): be enabled by passing --track-widget-creation to flutter run or flutter test.

PS: I added resizeToAvoidBottomPadding: false, but its showing issue in emulator Or Small Screens

Image Issue.

while taking release mode apk the image inside the decoration was not loading.

KINDLY UPLOAD NEW VERSION