Flutter - Animated Login Page

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ม.ค. 2025

ความคิดเห็น • 63

  • @staplepin8099
    @staplepin8099 4 ปีที่แล้ว

    Can't believe I watched a 39 min video ..
    real quality content thanks Man

    • @twistbase
      @twistbase  4 ปีที่แล้ว

      Thanks man I hope it helped! 🙏

  • @mustafashaikh7829
    @mustafashaikh7829 2 ปีที่แล้ว

    Nice Tutorial brother

  • @irincojemmarkr.8498
    @irincojemmarkr.8498 3 ปีที่แล้ว

    Do more of these man your explanations is on point!

  • @JK92007
    @JK92007 4 ปีที่แล้ว

    bro very inspired...please make more UI...gr8...no words...

  • @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.

  • @Manoharan
    @Manoharan 4 ปีที่แล้ว +1

    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.

  • @anatolys9203
    @anatolys9203 3 ปีที่แล้ว

    wow! that is just wonderful! I love it! thank you very much for making this tutorial!

  • @aissaserrar3059
    @aissaserrar3059 4 ปีที่แล้ว

    i am the 100th subscriber,I love your content bro, keep going 💪💪

  • @nhexplorers
    @nhexplorers 4 ปีที่แล้ว

    Fantastic tutorial and big thanks for sharing the code too!

  • @ismailkoyuncu5518
    @ismailkoyuncu5518 4 ปีที่แล้ว

    Great work. Thanks for explations..👏👏👏

  • @bYTeHeaD
    @bYTeHeaD 3 ปีที่แล้ว

    Wow, more of these please.

  • @martimfernandes5582
    @martimfernandes5582 2 ปีที่แล้ว +1

    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.

  • @danishdarren1179
    @danishdarren1179 4 ปีที่แล้ว

    Nice work around here

    • @twistbase
      @twistbase  4 ปีที่แล้ว

      Thanks mate!

  • @biplabdutta
    @biplabdutta 4 ปีที่แล้ว

    Decent work.. keep up the good work 💪👌

    • @twistbase
      @twistbase  4 ปีที่แล้ว

      Biplab Dutta Thanks! 🙏

  • @irhas6555
    @irhas6555 4 ปีที่แล้ว

    cool. hope you can tell us how to make splice app login page that developed using futter too

  • @Autism897
    @Autism897 4 ปีที่แล้ว

    very cool. Thank you for sharing.

  • @zebrastrippesable
    @zebrastrippesable 4 ปีที่แล้ว

    I love this thank you soooo much

  • @genewang8826
    @genewang8826 3 ปีที่แล้ว

    this is gold!

  • @pavleu_
    @pavleu_ 4 ปีที่แล้ว +1

    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

  • @clemdep88
    @clemdep88 4 ปีที่แล้ว

    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 ;)

  • @AbdulBasit-hg4ug
    @AbdulBasit-hg4ug 2 ปีที่แล้ว

    i am working on java. Should i go with kotlin or flutter i am very confuse

  • @hrithikreddy-upgradhooman87
    @hrithikreddy-upgradhooman87 4 ปีที่แล้ว +1

    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 .

  • @programmeryk5659
    @programmeryk5659 3 ปีที่แล้ว

    Perfect

  • @KhampasertKEOSESOMPHAN
    @KhampasertKEOSESOMPHAN 4 ปีที่แล้ว

    Do you have check validate ?

  • @mohamedhany9561
    @mohamedhany9561 4 ปีที่แล้ว

    please can i get the code and change it and but it in my project and sell my project ? or you will be confused ?

  • @BBFTW36
    @BBFTW36 4 ปีที่แล้ว

    Hey great video man. Can i use this WaveWidget with an alternatively animation for my App and publish it?

  • @B34ST-SL4Y3R
    @B34ST-SL4Y3R 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.

  • @mr84Ed
    @mr84Ed 4 ปีที่แล้ว

    Congrats!

    • @twistbase
      @twistbase  4 ปีที่แล้ว

      Thanks Mr 🙏

  • @floviskabanda8044
    @floviskabanda8044 4 ปีที่แล้ว

    Hey... A use a other version of provider in pubspec.yaml and my code dont work, Can you help me!

    • @bilalsohail3500
      @bilalsohail3500 4 ปีที่แล้ว

      i'm facing same issue do you have any solution?

  • @flaviohenrique5294
    @flaviohenrique5294 4 ปีที่แล้ว

    Thanks for sharing so nice code. You have a tip TH-cam 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 TH-cam channel to showcase small projects.

    • @flaviohenrique5294
      @flaviohenrique5294 4 ปีที่แล้ว +1

      It will be great. You already have a student in myself. Thanks.

  •  4 ปีที่แล้ว

    Awesome but a question, why use providers instead of a statefull widgets?

    • @twistbase
      @twistbase  4 ปีที่แล้ว +2

      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.

  • @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 ปีที่แล้ว +1

      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

  • @bilalsohail3500
    @bilalsohail3500 4 ปีที่แล้ว

    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)

  • @arabiannightssafari
    @arabiannightssafari 4 ปีที่แล้ว

    thanks Bro

  • @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 :))

  • @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.

  • @cloudsenei
    @cloudsenei 4 ปีที่แล้ว

    Make a complete course please a req

    • @twistbase
      @twistbase  4 ปีที่แล้ว

      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(