Тёмный

Flutter - Animated Login Page 

Twistbase
Подписаться 2,9 тыс.
Просмотров 38 тыс.
50% 1

Опубликовано:

 

12 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 63   
@staplepin8099
@staplepin8099 3 года назад
Can't believe I watched a 39 min video .. real quality content thanks Man
@twistbase
@twistbase 3 года назад
Thanks man I hope it helped! 🙏
@Manoharan
@Manoharan 4 года назад
Great work man! Just subscribed. Please also make a signup screen with complementing animation (fan request). Your channel is sooo underrated. Please make videos like this and you will see how your channel will grow in months. Waiting for your future videos.
@istanbul4678
@istanbul4678 3 года назад
Goooood stuff bro. You're explanations are so clear and your step by step coding with commentary superb. Not to mention how you simply explain solutions to simple problems you incurred while coding. Liked and Subscribed. I hope you have a video on how to connect this with firebase.
@irincojemmarkr.8498
@irincojemmarkr.8498 3 года назад
Do more of these man your explanations is on point!
@aissaserrar3059
@aissaserrar3059 4 года назад
i am the 100th subscriber,I love your content bro, keep going 💪💪
@JK92007
@JK92007 3 года назад
bro very inspired...please make more UI...gr8...no words...
@anatolys9203
@anatolys9203 3 года назад
wow! that is just wonderful! I love it! thank you very much for making this tutorial!
@nhexplorers
@nhexplorers 3 года назад
Fantastic tutorial and big thanks for sharing the code too!
@bYTeHeaD
@bYTeHeaD 3 года назад
Wow, more of these please.
@mustafashaikh7829
@mustafashaikh7829 2 года назад
Nice Tutorial brother
@ismailkoyuncu5518
@ismailkoyuncu5518 4 года назад
Great work. Thanks for explations..👏👏👏
@danishdarren1179
@danishdarren1179 4 года назад
Nice work around here
@twistbase
@twistbase 4 года назад
Thanks mate!
@Autism897
@Autism897 4 года назад
very cool. Thank you for sharing.
@biplabdutta
@biplabdutta 4 года назад
Decent work.. keep up the good work 💪👌
@twistbase
@twistbase 4 года назад
Biplab Dutta Thanks! 🙏
@martimfernandes5582
@martimfernandes5582 2 года назад
why can you specify the parameters of the constructor so simply and I am forced to use '?' in the variables type or forced to use the keyword 'required' before each parameter ?
@Viewer899
@Viewer899 2 года назад
Im also having this issue
@itjoys3846
@itjoys3846 4 года назад
Wow great work man.
@Abhishek-fc7fy
@Abhishek-fc7fy 2 года назад
I did everything as you told but the wave just didn't work. I even copy pasted your source code but the wave just didn't move. Its just a plain line and no wavy animation for me :( I appreciate the knowledge you shared, it was cool creating your own buttons, text fields and stuff like that. I will start to create my own widgets when necessary instead of the default ones.
@genewang8826
@genewang8826 2 года назад
this is gold!
@irhas6555
@irhas6555 4 года назад
cool. hope you can tell us how to make splice app login page that developed using futter too
@zebrastrippesable
@zebrastrippesable 4 года назад
I love this thank you soooo much
@programmeryk5659
@programmeryk5659 3 года назад
Perfect
@AbdulBasit-hg4ug
@AbdulBasit-hg4ug 2 года назад
i am working on java. Should i go with kotlin or flutter i am very confuse
@mr84Ed
@mr84Ed 4 года назад
Congrats!
@twistbase
@twistbase 3 года назад
Thanks Mr 🙏
@BBFTW36
@BBFTW36 3 года назад
Hey great video man. Can i use this WaveWidget with an alternatively animation for my App and publish it?
@twistbase
@twistbase 3 года назад
Sure!
@BillyBob-ie9ww
@BillyBob-ie9ww 3 года назад
I think there is a flaw in your design. What happens if you click the tick icon? Also what happens if you enter a password which equals the "global" email address.
@clemdep88
@clemdep88 3 года назад
When I click on check Icon into Email field, that change password visibility because of L.47 in home_view.dart, we can just make a condition with typeof icon but do you have better idea? And thx for this course ;)
4 года назад
Awesome but a question, why use providers instead of a statefull widgets?
@twistbase
@twistbase 4 года назад
It's a matter of state management preference. You could convert the HomeView class to a statefull widget and you can use setState(() {}) to update the state. The downside of this is that it rebuilds the entire UI. This is fine if your app is small but when it scales it becomes harder to manage the state of your app. Have a look at Provider or BLoC for state management.
@arabiannightssafari
@arabiannightssafari 4 года назад
thanks Bro
@bilalsohail3500
@bilalsohail3500 3 года назад
Great work man... but I'm having an issue if I use latest version provider in pubspec.yaml my code don't work, it through error => (could not find correct provider above this widget)
@user-dm4yh9vm8p
@user-dm4yh9vm8p 4 года назад
Do you have check validate ?
@mohamedhany9561
@mohamedhany9561 3 года назад
please can i get the code and change it and but it in my project and sell my project ? or you will be confused ?
@hrithikreddy-upgradhooman87
@hrithikreddy-upgradhooman87 4 года назад
Hello sir what to do if it is showing the error for provider how to use the multi provider please help..
@twistbase
@twistbase 4 года назад
Hrithik reddy hello! Try adding the following code in the main.dart file: ChangeNotifierProvider.value( value: HomeModel(), child: ... )
@hrithikreddy-upgradhooman87
@hrithikreddy-upgradhooman87 4 года назад
Ya This Worked Thank you sir
@hrithikreddy-upgradhooman87
@hrithikreddy-upgradhooman87 4 года назад
Sir another thing can i add an video background in that wave thing instead of a plain color by adding video controller if so can you help me out .
@pavleu_
@pavleu_ 4 года назад
Hi, i'm using windows btw, i tried typing in the "Global." and it says it's undefined... why? also i can't find the "widget" I did the same thing you did and still got errors, also where did you get those extra pages from... it wouldn't import anything
@twistbase
@twistbase 4 года назад
PAVLEU the Global class should be in the shared folder. When you type in Global. Press Alt + Enter on the word and import the library or add the library manually.
@pavleu_
@pavleu_ 4 года назад
@@twistbase okay
@flaviohenrique5294
@flaviohenrique5294 4 года назад
Thanks for sharing so nice code. You have a tip RU-vid channel ou websites with deeply explanation about animation? I don't have background of this, and I have me seen losted in this part.
@twistbase
@twistbase 4 года назад
Flávio Henrique hey thanks for your feedback! I’m currently working on a website where I will launch in-depth app courses 🚀 All courses will be from scratch and will be completely polished production apps. I am using my RU-vid channel to showcase small projects.
@flaviohenrique5294
@flaviohenrique5294 4 года назад
It will be great. You already have a student in myself. Thanks.
@vysakhrj7297
@vysakhrj7297 4 года назад
I have just followed your steps.. But the animation flickers like it is re-cliping too soon. The wave motion is there but it is moving so fast. Please Help
@twistbase
@twistbase 4 года назад
Vysakh RJ Hey have you tried running the final project to see if that works normally? If not, maybe it’s a frame rate issue.
@vysakhrj7297
@vysakhrj7297 4 года назад
When the page is loaded, there is a flicker which shows upto the whole height of the blue container. After that, the wave functions normally. Only for a part of sceond, when i toggle the view
@floviskabanda8044
@floviskabanda8044 3 года назад
Hey... A use a other version of provider in pubspec.yaml and my code dont work, Can you help me!
@bilalsohail3500
@bilalsohail3500 3 года назад
i'm facing same issue do you have any solution?
@lennimikuszewski
@lennimikuszewski 4 года назад
Hey, great Video. I got an error message saying: Could not find the correct Provider above this HomeView Widget. Does somebody here know how I could fix it?
@twistbase
@twistbase 4 года назад
Hello! Did you set up your provider in the mult-provider array in the main.dart file?
@twistbase
@twistbase 4 года назад
Try updating the following code in your main.dart file: ChangeNotifierProvider.value( value: MyModel(), child: ... )
@lennimikuszewski
@lennimikuszewski 4 года назад
@@twistbase Thanks (already fixed it yesterday :))
@cloudsenei
@cloudsenei 3 года назад
Make a complete course please a req
@twistbase
@twistbase 3 года назад
Hey check this out for in depth courses! www.twistbase.com
@narraprathap3248
@narraprathap3248 4 года назад
Increase font size
@davimuna1434
@davimuna1434 4 года назад
Sorry teacher doesn't understand if you're right clicking or just tap enter for the bunch of code to be appearing you're not being specific
@davimuna1434
@davimuna1434 4 года назад
You're creating something cool but you're not being specific not explaining what you're tapping to be getting lots of codes that's too bad... Don't want to continue with your teaching
@MarkyMarking
@MarkyMarking 2 года назад
flutter null safty causing me this : Error: The argument type 'ClipperWidget' can't be assigned to the parameter type 'CustomClipper?' because 'Path?' is nullable and 'Path' isn't. - 'ClipperWidget' is from 'package:book_and_boat/widgets/clipper_widget.dart' ('lib/widgets/clipper_widget.dart'). - 'CustomClipper' is from 'package:flutter/src/rendering/proxy_box.dart' ('../../../snap/flutter/common/flutter/packages/flutter/lib/src/rendering/proxy_box.dart'). - 'Path' is from 'dart:ui'. clipper: ClipperWidget(
Далее