Recipe App - Part 1 - Flutter UI - Speed Code

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

КОМЕНТАРІ • 159

  • @hafkori704
    @hafkori704 4 роки тому +5

    Respect from ALGERIA , simply you are amazing , you are the best , everyone tell us about his country

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +2

      Thank you so much, love you guys❤️❤️

    • @silentperson639
      @silentperson639 4 роки тому

      Algeria sucks

    • @adambkr6346
      @adambkr6346 4 роки тому

      @@silentperson639 because u know u'll never be one of its citizens, hater :)

  • @minigeek
    @minigeek 4 роки тому +8

    Back after one day..it took me through so many concepts.. really nice work! I am following your every design now

  • @bangsa_puja
    @bangsa_puja 4 роки тому +2

    Makasih banyak bang, udah buatin tutorial, di tunggu part selanjutnya

  • @hatimus
    @hatimus 4 роки тому

    your work is fantastic. very educational and informative.
    please upload the rest of this app's videos. I believe all your followers will appreciate it.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      Thanks, soon I will complete all of my series.

  • @toanvuong4401
    @toanvuong4401 4 роки тому +8

    thks Bro, waiting for part 2 ^^!

  • @ahmedabdorhman
    @ahmedabdorhman 4 роки тому

    Beautiful, really loved it.
    Respect from Sudan, carry on.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      Thank yous so much, love you guys❤️❤️

  • @rohitsav792
    @rohitsav792 4 роки тому

    Brilliant work..Awsm UI..
    Subscribed : Done
    Like : Done
    Notification: Turned ON
    # Waiting for part 2 .
    # Best Channel

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

    Really appreciate your work 😊❤️🇳🇵

  • @iUwej-y8d
    @iUwej-y8d 3 роки тому +1

    This is awesome! A lot of stuff to learn

  • @ariii416
    @ariii416 4 роки тому

    As always it's brilliant ,
    LoVe from kurdistan(❤️💛💚) for you mate.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Thank you 🙌 love u guys❤️❤️

  • @leonardonorambuena2172
    @leonardonorambuena2172 4 роки тому +1

    waiting for part 2, Thank you

  • @minigeek
    @minigeek 4 роки тому

    finally you bought rotato premium lol :P !! bravo !! awesome design

  • @yassirfayyad7979
    @yassirfayyad7979 4 роки тому +1

    Awesome I like your style !🥰😍😘

  • @uldara
    @uldara 4 роки тому +2

    wow amazing UI and tutorial and i subscribe to your channel too bro :D

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

    Extraordinary !! Is the part 2 out ?

  • @brunoistvan2452
    @brunoistvan2452 4 роки тому +1

    Thanks for sharing. Great Skills

  • @JuanPerez-vv5lk
    @JuanPerez-vv5lk 3 роки тому

    0:03 How can I add a button in that category list so the user can add/remove another category manually ?

  • @jaysonsuyat6167
    @jaysonsuyat6167 4 роки тому +1

    Really love your works.

  • @هديلهديل-ن3ج
    @هديلهديل-ن3ج 3 роки тому

    Thank you, I will try it tomorrow 😍✋

  • @bashiruibrahim8443
    @bashiruibrahim8443 4 роки тому

    Nice looking UI, thanks

  • @esirioneyibo
    @esirioneyibo 4 роки тому

    Beautiful work as always. Please keep it coming.
    I also want to request if you could make a video on multiple image select and upload to firebase with provider package. E.g. in the e-commerce or furniture app. If one need to pick and upload more than one image at a time. Like a product having several images. Please this is really important to me and also difficult to implement. I will be grateful. Thanks

  • @brando7466
    @brando7466 4 роки тому +1

    Can you teach us how to creatively create our own UI? Your UI is just incredabile and I love doing code alongs with your videos. Keep up the good work.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +2

      Thanks, actually my UI designer provide me those UIs and I'm also not good at ui😜

  • @sisCAC
    @sisCAC 4 роки тому +1

    Great!! And so beautiful! Thanks bro!!!

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

    What plugin are you using for the indentation guide lines?

  • @ErsanKolay
    @ErsanKolay 4 роки тому +1

    We are waiting part 2

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

    Please Tell How To See The Output In Visual Studio Code

  • @hyungtaecf
    @hyungtaecf 4 роки тому

    Thank you! Those videos inspire me^^

  • @debajyotimajumder2656
    @debajyotimajumder2656 4 роки тому +1

    inspiring stuff! BTW what was that piano music in the start?

  • @tejaskulkarni100
    @tejaskulkarni100 4 роки тому +1

    Thanks for this amazing tutorial. Is it possible for you to make a video of changing the recipes on tab change? If you already have one, could you send me the link? Highly appreciate it.

  • @youcef659
    @youcef659 4 роки тому +1

    I wanna thank you for all the efforts you are doing to teach us.
    I have a question: how can u choose the exact numbers for your ui, for example for the aspect ratio you give 0.78 ?

  • @aavishsingh1156
    @aavishsingh1156 4 роки тому

    Hi Anwar, Awesome tutorial as always, with loads of learning. Can you please suggest some resources for the Custom Clipper/Path function. Thanks!

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      you can check this one
      medium.com/flutter-community/clipping-in-flutter-e9eaa6b1721a

    • @aavishsingh1156
      @aavishsingh1156 4 роки тому

      @@TheFlutterWay Thanks alot !

  • @ramonpaolomaran2253
    @ramonpaolomaran2253 4 роки тому +2

    it is incredible. Brazil

  • @toanvuong4401
    @toanvuong4401 4 роки тому

    I'm in profile menu, if I press back button (android device), but navbottom not update selectIndex, can you help me, plz, thks you.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      When you click on back button it just return to the previous page, but selectedIndex isn't change, you need to change the selectedIndex when user press the back, maybe you can define new variable which contain previous selectedIndex.

  • @flutterhub8276
    @flutterhub8276 4 роки тому +1

    Nice work bro

  • @Heading370
    @Heading370 4 роки тому

    Somehow the View of the rotated Phone doesn't work for me on Android. Alsways having the same View.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      Maybe auto rotate is off
      Please check the settings

  • @ankitgrover8913
    @ankitgrover8913 4 роки тому +6

    from where do u find these amazing ui ....will u let me know that website

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +2

      my ui designer provide me those

    • @mario.limone
      @mario.limone 4 роки тому

      usually Dribbble is a good place for find this kind of inspiraiton, or Pinterest too.

  • @fkkeita8688
    @fkkeita8688 4 роки тому

    Nice... you use what software here 00:12

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      For the 3D intro, I'm using Rotato: bit.ly/3heGagj

  • @_Gianluca
    @_Gianluca 4 роки тому

    I am watching each video of this channel. I have a question: why do you always create a custom nav bar instead of using a BottomNavigationBar widget and an IndexedStack (that keep state of each tab)? Thanks.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      At first thanks for watching all of videos, I really appreciate it, I think BottomNavigationBar is not able to provide exact design that I want, I have better way of doing it, maybe in near future I will share it with you guys.

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

    On iPhone 11, it is close to the default size = 10.
    As a result, the default size changes as the screen size increases or decreases.
    --> How do I know the standard size?
    --> * 0.024 is what the formula looks like?

  • @jaloul2305
    @jaloul2305 4 роки тому

    i have question, for the categories part i want each category show different page and different pages
    ps: idont mean using navigator

    • @joaoarmando8647
      @joaoarmando8647 4 роки тому

      Maybe you should use PageView()

    • @jaloul2305
      @jaloul2305 4 роки тому

      @@joaoarmando8647 i ll search for its document and try it, thanks

  • @witchestify
    @witchestify 4 роки тому

    Sir, what do you use for the emulator. Mine is from Android Studio and it's not smooth... it's really lag. Thanks

    • @Heading370
      @Heading370 4 роки тому

      He's using a mac with the implemented Simulator. If you're using a Windows Computer you are not able to run the same Simulator as he is doing. Only working on mac.

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

    One of the bestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

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

    how could i make it work on android?, I try running the emulator and it gives me errors.. Help Please

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

      What it shows?

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

      @@TheFlutterWay I was able to fix it, thank you tho...
      I'm having trouble figuring out how exactly to work with a template, I'm unable to make a tab clickable from the emulator, Make a different window within the app design it self
      I'm self teaching from scratch in coding world and I'm having trouble with stuff that might look dumb to others and don't want to help me out

  • @vortexawy
    @vortexawy 4 роки тому

    Where did you learn from bro?
    I started learning from Angela Yu on udemy but didn't like it

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Sorry to hear that, Just understand the basic then try it by myself read documentations and practice as much as I can.

  • @devlearn9862
    @devlearn9862 4 роки тому

    Hello The Flutter Way or anyone, why "Row" is used when building bottom nav bar instead of "Column" as the items are showing side by side. Also in the ReceipeBundleCard, texts and image are shown in side by side but why Row is used. Finally, Column in text (title, description) as well.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      If you want you widgets horizontally then you need to use row and for vertically it required column.

    • @devlearn9862
      @devlearn9862 4 роки тому

      @@TheFlutterWay Ohh, yes it is right. I understood in a wrong way. Thanks mate. BTW, your ui creation skills is awesome. I learned a lot from this single video. Keep it up mate. I will be waiting for future videos.

  • @Tout-Le-Monde02
    @Tout-Le-Monde02 4 роки тому

    Wouldn't it have been easier to use Chips instead of shaping the text widget in that gray rounded corner stuff? Chips by default look like that ......

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

    Hi , is there any part 2 ?

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

    Wonderful sir! That was just superb.
    Just a tiny question how do I download the code you already had in the beggining?

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

    can you please upload the part 2 video we are eagerly waiting

  • @elionaimelo7
    @elionaimelo7 4 роки тому

    Missing arrow in Profile page

  • @shivdvaio408
    @shivdvaio408 4 роки тому

    why did you multiplay screenHeight * 0.024
    : screenWidth * 0.024 ???

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Actually on iPhone 11 it returns almost 10
      Like when i use 20 padding just multiple it with 2, also 10 is very easy to calculate and if the screen size is bigger our padding also increase
      It helps to make responsive UI

  • @jamesraj4714
    @jamesraj4714 4 роки тому

    Your videos are too good, bro😍😍...Are you using Firebase for backend or anything else??
    And Do you have any app for B2B e-commerce like Udaan??

  • @finecoloringpages7110
    @finecoloringpages7110 4 роки тому

    Coloring pages app how to develope?
    I wish how to coding this app

  • @vipulbagal8402
    @vipulbagal8402 4 роки тому

    Where is part 2 ?
    I am eagerly waiting

  • @canbaskaya4800
    @canbaskaya4800 4 роки тому

    Do you have an application that you publish in the market?

  • @shakilsaiyad9298
    @shakilsaiyad9298 4 роки тому

    Please make Quiz app UI with next previous button

  • @jai6133
    @jai6133 4 роки тому

    Please do the video for stateful widget and state management. We are expecting.

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      In this video already use provider

    • @devlearn9862
      @devlearn9862 4 роки тому

      @Jai if you don't want to use provider, you can solve this problem by using callbacks (I think it is also called uplifting) in every level that you want to pass the data. But it makes the process of state management complicated if there is multiple level between sender and consumer (think of it like relationship between grandchildren and great grandfather). Also, stateful consume more hardware resource than stateless. That's why try to use stateless with another ways of state management (as in this tutorial : provider).

  • @khaftabuddinahmed1634
    @khaftabuddinahmed1634 4 роки тому

    i am learning react js. Is it hard to switch flutter?

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      I don't think so, few days it may looks wired

  • @israelmorais3280
    @israelmorais3280 4 роки тому

    when part two comes out?

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

    iam error final RecipeBundle recipeBundle;
    const RecipeBundleCard({Key? key, this.recipeBundle}) : super(key: key);

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

      Error Message : the parameter "recipeBundle" can't have a value of 'null' because of its types, but the implicit default value is 'null' try adding either an explicit non- 'null' default value or the 'requred' modified

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

      please solve this error

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

      iam using flutter 2.2.3

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

      Migrate this to null safety

  • @prince-sonawane
    @prince-sonawane 4 роки тому

    Please One video with actual functionality like with api call and providers for categories section.

  • @prastabghimire1270
    @prastabghimire1270 4 роки тому

    Hey i like all of your videos. I have learnt so much about UI design from your videos. But I want to have backend in my apps So, I hope that you will teach about backend and integrating it in these apps. Please teach backend

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому

      Great suggestion!

    • @prastabghimire1270
      @prastabghimire1270 4 роки тому

      @@TheFlutterWay So i have that soon we will get to see you integrating backend in some of your awesome apps

  • @_parassolanki
    @_parassolanki 4 роки тому

    Hey bro i have one question please help me
    Can i generate apk file of any flutter project and can i run thus apk file on my android smartphone.l?
    Or is it free to generate this apk file or paid?
    Please make a video on how to generate apk file from any flutter project.

  • @abbasloda1
    @abbasloda1 4 роки тому

    Nice work, how much does it cost for your ui designer to do such design

  • @EdenRUGOMANA
    @EdenRUGOMANA 2 місяці тому

    hey where is part 2?

  • @luiscvargas2011
    @luiscvargas2011 4 роки тому

    Great contribution, thanks bro #FromPanama

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      Thank you so much, Love you guys ❤️

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

    Where is the part 2 ?
    It is good tho

  • @maksimit6839
    @maksimit6839 4 роки тому

    Very very nice!

  • @kasvith
    @kasvith 4 роки тому +2

    Best channel

  • @dalinkoy804
    @dalinkoy804 4 роки тому

    when release part 2?

  • @yassirfayyad7979
    @yassirfayyad7979 4 роки тому

    Is there part 2 to this app ?? I'm waiting

  • @ashishkumar-fm8jj
    @ashishkumar-fm8jj 4 роки тому

    Where is part 2 sir?

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

    I need its part 2

  • @poweruman
    @poweruman 4 роки тому +1

    Awesome!!!

  • @Jimboo025
    @Jimboo025 4 роки тому

    Is it Adobe xd?

    • @TheFlutterWay
      @TheFlutterWay  4 роки тому +1

      The UI designer provide me the XD file for this UI

  • @jinuem
    @jinuem 4 роки тому

    Wow.. Amazing )

  • @prantosuwarno2733
    @prantosuwarno2733 4 роки тому

    genius bro

  • @abdelrahmanhedia9483
    @abdelrahmanhedia9483 4 роки тому +1

    Great

  • @mohammedsabbar3894
    @mohammedsabbar3894 4 роки тому +2

    I Love you mam

  • @jacks4321
    @jacks4321 4 роки тому

    Plsssssssssss
    Some Backend Tutorial

  • @mrbeastwithnomoney
    @mrbeastwithnomoney 4 роки тому

    sir you should do a detailed version of it the background music breaks the focus

  • @Frittenfinger
    @Frittenfinger 4 роки тому