Giter VIP home page Giter VIP logo

thegorgeouslogin's Introduction

The Gorgeous Login

A login page built with flutter inspired by a design found on Uplabs

Uplabs design Flutter rendering
original-design

Contributors

Code Contributors

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

thegorgeouslogin's People

Contributors

amitkhairnar44 avatar huextrat avatar monkeywithacupcake avatar shy950521 avatar weslly99 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

thegorgeouslogin's Issues

Undefined_getter

First thing first, thanks for sharing this beautiful UI with flutter. As I'm a new in flutter, I really don't know how to build login and signup using flutter but you made my work a lot easier.

Problem: There is a error in the login_page.dart file that says

The getter 'Colors' isn't defined for the class 'Theme'.
Try importing the library that defines 'Colors', correcting the name to the name of an existing getter, or defining a getter or field named 'Colors'.dart(undefined_getter)

Could you tell me how to solve that?

I also want to know that How can I intrigate this UI with firebase in order to store USER's confidential data like email and password.

Functional improvements

The screen is very nice, but it did not take into account the space for the error message which are overflowed

Achieve same design

You can achieve 100% design by using Stack widget.
Overlap that login form with the button.

Exception occur when sliding between the forms

Hi...
after running the app, if you click on text fields and sliding between the forms an exception will occur...

flutter: โ•โ•โ•ก EXCEPTION CAUGHT BY RENDERING LIBRARY โ•žโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• flutter: The following assertion was thrown during paint(): flutter: RRect argument contained a NaN value. flutter: 'dart:ui/painting.dart': flutter: Failed assertion: line 37: '<optimized out>' flutter: flutter: Either the assertion indicates an error in the framework itself, or we should provide substantially flutter: more information in this error message to help you determine and fix the underlying cause. flutter: In either case, please report this assertion by filing a bug on GitHub: flutter: https://github.com/flutter/flutter/issues/new?template=BUG.md flutter: flutter: The relevant error-causing widget was: flutter: TextField flutter: file:///Users/mohammad/Documents/Flutter/TheGorgeousLogin-master/lib/ui/login_page.dart:230:32 flutter: flutter: When the exception was thrown, this was the stack: flutter: #2 _rrectIsValid (dart:ui/painting.dart:37:10) flutter: #3 Canvas.drawRRect (dart:ui/painting.dart:3742:12) flutter: #4 RenderEditable._paintCaret (package:flutter/src/rendering/editable.dart:2042:14) flutter: #5 RenderEditable._paintContents (package:flutter/src/rendering/editable.dart:2224:7) flutter: #6 RenderEditable.paint (package:flutter/src/rendering/editable.dart:2267:7) flutter: #7 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #8 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #9 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #10 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #11 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #12 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #13 PaintingContext.pushLayer (package:flutter/src/rendering/object.dart:396:12) flutter: #14 RenderLeaderLayer.paint (package:flutter/src/rendering/proxy_box.dart:4861:13) flutter: #15 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #16 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #17 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #18 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #19 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #20 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #21 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #22 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #23 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #24 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #25 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #26 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #27 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #28 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #29 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #30 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #31 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) flutter: #32 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:131:15) flutter: #33 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) flutter: #34 PaintingContext._repaintCompositedChild (package:flutter/src/rendering/object.dart:140:11) flutter: #35 PaintingContext.repaintCompositedChild (package:flutter/src/rendering/object.dart:100:5) flutter: #36 PipelineOwner.flushPaint (package:flutter/src/rendering/object.dart:978:29) flutter: #37 RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:438:19) flutter: #38 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:914:13) flutter: #39 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:302:5) flutter: #40 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1117:15) flutter: #41 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1055:9) flutter: #42 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:971:5) flutter: #46 _invoke (dart:ui/hooks.dart:251:10) flutter: #47 _drawFrame (dart:ui/hooks.dart:209:3) flutter: (elided 5 frames from class _AssertionError and dart:async) flutter: flutter: The following RenderObject was being processed when the exception was fired: RenderEditable#4f484 relayoutBoundary=up15: flutter: creator: _Editable-[GlobalKey#ef5f4] โ† Semantics โ† CompositedTransformTarget โ† flutter: IgnorePointer-[GlobalKey#75551] โ† Semantics โ† _PointerListener โ† Listener โ† flutter: RawGestureDetector-[LabeledGlobalKey<RawGestureDetectorState>#0ab20] โ† _PointerListener โ† Listener flutter: โ† _ScrollableScope โ† Scrollable โ† โ‹ฏ flutter: parentData: <none> (can use size) flutter: constraints: BoxConstraints(w=212.0, 0.0<=h<=Infinity) flutter: size: Size(212.0, 19.0) flutter: cursorColor: Color(0x102196f3) flutter: showCursor: ValueNotifier<bool>#c954a(true) flutter: maxLines: 1 flutter: minLines: null flutter: selectionColor: Color(0xff90caf9) flutter: textScaleFactor: 1.0 flutter: locale: en_US flutter: selection: TextSelection(baseOffset: 0, extentOffset: 0, affinity: TextAffinity.downstream, flutter: isDirectional: false) flutter: offset: ScrollPositionWithSingleContext#d558e(offset: 0.0, range: 0.0..0.0, viewport: 212.0, flutter: ScrollableState, BouncingScrollPhysics -> RangeMaintainingScrollPhysics, IdleScrollActivity#5757c, flutter: ScrollDirection.idle) flutter: This RenderObject had the following child: flutter: text: TextSpan flutter: โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•

Thanks

Please can you provide project license?

Hi, I would like to use your login widget

I would like to know what is your project license for legal use. I would be glad if you can update the project with the license.

Thank you!

fit the screen

I have tried the iPhone X,XR e fits exactly,
but the design doesn't fit exactly to devices like iphone SE, iphone 7, nexus 5. (need scroll down)
How can I change the code so that each size fits on the screen?

A RenderFlex overflowed by 265 pixels on the bottom.

The screen is coming up good in the higher end mobiles, but going to the MotoE4 the screen is not rendering the whole screen.
The error doesn't pop up when the soft keyboard is opended becasue of the singlechildscrollview, but the error is shown when the screen pops up.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.