Flutter UI Tip 3: Popup Card

Поділитися
Вставка
  • Опубліковано 26 гру 2024

КОМЕНТАРІ • 73

  • @FunwithFlutter
    @FunwithFlutter  3 роки тому +4

    Invest in yourself! Use my link and check out the first chapter of any course for FREE! bit.ly/3qLlX7g

  • @AndreasR.95
    @AndreasR.95 3 роки тому +6

    Best Flutter channel out there!

  • @enchance
    @enchance 2 роки тому

    This is great man. I'm working on my own app right now and I think I might have a place for this. Amazing stuff.

  • @jaayaustin336
    @jaayaustin336 3 роки тому +2

    Your voice bro, gaddamn❤️

  • @duarteleal5964
    @duarteleal5964 11 місяців тому

    A like, a comment and a sub for providing the source code

  • @jeromearenas8028
    @jeromearenas8028 3 роки тому

    This is what container transform transition looks like, just add fade to exiting and entering widgets. Currently there's a package called "animations" officially release by flutter team long ago, the only problem is their container transform always transition to fullscreen not a dialog. btw Great job sir :)

    • @FunwithFlutter
      @FunwithFlutter  3 роки тому

      Thanks for the info. Yeah I've used that OpenContainer before. Sometimes it works great, but I've also had times where I needed more control.

    • @vmkantu
      @vmkantu 3 роки тому

      I think that container transition best works when using search box like use case. Like you tap on a search box and it opens up to a new screen.

  • @laythabdulkareem1887
    @laythabdulkareem1887 3 роки тому +1

    You are a Flutter Rockstar 😎

  • @tadaspetra
    @tadaspetra 3 роки тому +3

    Great video! You have the nicest UI designs 🔥

  • @paynedanger1925
    @paynedanger1925 3 роки тому +2

    Absolutely love this design! I am however having issues with the popup card going into full screen. I have copied the code exactly, and its still showing me a full screen of the dialog box. Has this happened to anyone else?

  • @durgeshkudalkar6574
    @durgeshkudalkar6574 3 роки тому +1

    Thanks bro, this video really helped me

  • @dylanroman7738
    @dylanroman7738 2 роки тому

    thank u sm brother... this is just what I needed

  • @marc7951
    @marc7951 3 роки тому +4

    Hello Fun with Flutter,
    I love your tutorials.
    Can i use this animation code for my own Apps?

  • @codevillage4235
    @codevillage4235 3 роки тому +1

    Super explanation. Carry on please.

  • @Raziem
    @Raziem Рік тому

    Is your animation course still up to date? if so I'd willing to buy it!

  • @weareorpheez
    @weareorpheez 10 місяців тому

    Can someone use this for any kind of popup? and also how can I add dark background overlay under the popup so there is contrast on the app?

  • @moammarqaddafi4858
    @moammarqaddafi4858 Рік тому

    There is no discount code bloc at the purchase

  • @advaithsridhar9424
    @advaithsridhar9424 3 роки тому +1

    Hey great video! Im having trouble updating the list with the new note (once someone hits the "add button"). Can you point me to the part of your code that does this update? would be really helpful!

  • @anomihekenneth9586
    @anomihekenneth9586 2 роки тому

    is your animation class here on youtube

  • @funandgameswithzayn
    @funandgameswithzayn 2 роки тому

    this code is outdated having issue with rect tween file can you please help or tell the right way

  • @artemartem6993
    @artemartem6993 Рік тому

    Hi ! Could you help me with one question? How can I transfer entering text from popup card to field on another creen if popup card is StatelessWidget? If I understend right, we can't using TextEditingController for StatelessWidget.

  • @RobertBrunhage
    @RobertBrunhage 3 роки тому +2

    Looks great, awesome video!

  • @NajeebAslan
    @NajeebAslan 3 роки тому

    Thank you so much 💓

  • @rc-pilot9131
    @rc-pilot9131 3 роки тому

    Thanks a lot, but how did you that amazing intro with the turned phone?

  • @NeraJima
    @NeraJima 2 роки тому

    Is there any reason why the animation is not occurring for me? I copied the tutorial exactly and the button doesn't animate into the popup. Instead the popup just appears. Help please.

  • @lamo5751
    @lamo5751 2 роки тому

    i have a problem with herodialogroute settings flutter showing me error can u help pls (flutter 3.3.2)

  • @tentacle_sama3822
    @tentacle_sama3822 2 роки тому

    how do I dismiss after submit

  • @vbatan
    @vbatan 3 роки тому

    Thank You!Great job!

  • @CronosTheBearded
    @CronosTheBearded 2 роки тому

    If somebody skips the whole materialApp setup, and goes without material or cupertino, using the WidgetsApp , you need to add navigatorObservers: [HeroController()], to the widgetsApp, without that no transforming animation happens.

    • @akankshaverma9712
      @akankshaverma9712 Рік тому

      I've faced the same issue, can you tell me how to add navigatorObservers

    • @CronosTheBearded
      @CronosTheBearded Рік тому

      @@akankshaverma9712 the WidgetsApp has a property navigatorObservers which accepts an array thats the exact thing in my comment

  • @danimanabat5791
    @danimanabat5791 3 роки тому

    great tutorial!

  • @santosvision
    @santosvision 2 роки тому

    Thank you for this awesome tutotiral. however, with the no-null-safety upgrade in flutter 3.0 this is getting a lot of errors. would you be so kind to revise and update the tutorial or the github? or if you know any other video tutorial that you can point us out with would be really helpful and appreciated it. nevertheless thank you for sharing this bro!

  • @Mandoo145
    @Mandoo145 3 роки тому +1

    What a nice video!!

  • @sinaebr7337
    @sinaebr7337 3 роки тому +1

    perfecttttttt
    thank you sooo much

  • @ahmadabdelaziz1396
    @ahmadabdelaziz1396 3 роки тому

    hey buddy , i've just copied your code , but i'm facing an issue , when the dialog pop up , the screen beneath are black and opaque , although opacity = false ,

    • @FunwithFlutter
      @FunwithFlutter  3 роки тому

      Eh not sure. You can get the code used in the video from Github

  • @_birdy_birdy
    @_birdy_birdy 3 роки тому +1

    Very nice 👍

  • @venkateshsetty7246
    @venkateshsetty7246 3 роки тому

    Hi
    When I run flutter cmd it shows
    BITS Transfer
    Can you help

  • @tomicriedel5005
    @tomicriedel5005 3 роки тому

    Hey!
    It's not a design tutorial, but can you make a tutorial on how to make Streak days? I am in the process of programming a Streak app (just for practice) and have no idea how to solve this.

  • @mecil9
    @mecil9 3 роки тому +1

    thanks,it's usefully!

  • @radhakanna6005
    @radhakanna6005 3 роки тому

    Plz post smart water bottle app in flutter bcz no one did before

  • @faheemahmad3957
    @faheemahmad3957 3 роки тому

    very very difficult...please teach us how to do this using GETX package...and make it simpler like a packge

  • @callofdutymobile1811
    @callofdutymobile1811 3 роки тому

    hi please put the github link

  • @eliasayele1102
    @eliasayele1102 3 роки тому

    Thanks bro

  • @codeaxen
    @codeaxen 3 роки тому

    hello man... the explanation is really all over the place i wish if you could stick on one example would really be great.. a bit confusing

  • @mugen153
    @mugen153 2 роки тому

    Fucking legend man, love you

  • @kbo359
    @kbo359 2 роки тому

    thx m8t

  • @TheRealPhillipJacobs
    @TheRealPhillipJacobs 2 роки тому +1

    Seethroughness - Maybe not an official word haha but definitely used out there: en.wiktionary.org/wiki/see-throughness

  • @shei69
    @shei69 3 роки тому

    Which font ?

  • @NajeebAslan
    @NajeebAslan 3 роки тому

    Thank you so much 💓