pedromassango / my_flutter_challenges

Flutter project containing all my flutter UI challenges

My Flutter Challenges

A new Flutter project containing all my flutter UI challenges.

How to get the code?

You just click on the title of each challenge, and it will show you the complete code. Each challenge is self-contained in a single .dart file, so you can just copy/paste and run it.

YouTube playlists about Flutter: https://www.youtube.com/playlist?list=PLum90SMJW-vltQ_ERf3rhjq_UZWJ2enEG

❤️ Star ❤️ the repo to support the project or Follow Me.Thanks!

Warning

All the code in this repository are mean for demo only and are not optmized. Make sure do improve the code before using it.

Screenshots

Bank App UI	Sushi app UI/UX	Ticket Booking

Sliding Login & Register	Bottom Navy Bar	Custom Drawer

Titled Bottom Navigation Bar	Mobile Dashboard	Foldable Options Menu

Login	Profile	Home screen

Number Picker	Profile Design	World Clock

Coffee App - Auth Page

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

• Lab: Write your first Flutter app
• Cookbook: Useful Flutter samples

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

my_flutter_challenges's Issues

how about new challenge? :)

https://www.youtube.com/watch?v=162oD0XPM40

where to call onPressed method?(to navigate to another route)

using onBackPressed on login_challenge.dart

how can i set animation to hide when i tap on back button?

this code don't work correctly

onWillPop: () {
  loginController.forward();
  isLogin = !isLogin;
},

overflow when text field get focus at login_challenge.dart

login_challenge.dart
Emulator display overflow image when text field get focus because keyboard shows.
Wrap with SingleChildScrollView seems fix the problem

Thanks

text field of sign up form at sliding_login.dart can not get focus

sliding_login.dart

I do not know the reason.
It seems text field of sign up form , such as Email, Password and Confirm password can not get focus and keyboard did not show either

Thanks.

use only one main

my_flutter_challenges/lib/main.dart

Line 5 in 8fc72d0

void main() {

Man, just an advice: it's better to use and maintain only one main and separate, every challenge that you made, inside a specific directory. This could be helpful for someone that checks your repository inside git. 👍