Recipe App - Part 1 - Flutter UI - Speed Code

Поделиться
HTML-код
  • Опубликовано: 22 окт 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

  • @hatimus
    @hatimus 3 года назад

    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  3 года назад

      Thanks, soon I will complete all of my series.

  • @bangsa_puja
    @bangsa_puja 3 года назад +2

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

  • @toanvuong4401
    @toanvuong4401 4 года назад +8

    thks Bro, waiting for part 2 ^^!

    • @TheFlutterWay
      @TheFlutterWay  4 года назад +5

      Coming soon!

    • @uqudgilbert7258
      @uqudgilbert7258 3 года назад

      After 7 months still waiting part 2

    • @jakearanas3017
      @jakearanas3017 3 года назад

      @@TheFlutterWay where is the Part 2?

    • @Hot-tj2jd
      @Hot-tj2jd 2 месяца назад

      ​@@TheFlutterWaywhere is the part 2 ?

  • @rijalpadam5148
    @rijalpadam5148 4 года назад +3

    Really appreciate your work 😊❤️🇳🇵

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

  • @jaysonsuyat6167
    @jaysonsuyat6167 4 года назад +1

    Really love your works.

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

  • @ahmedabdorhman
    @ahmedabdorhman 4 года назад

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

    • @TheFlutterWay
      @TheFlutterWay  4 года назад

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

  • @iUwej-y8d
    @iUwej-y8d 3 года назад +1

    This is awesome! A lot of stuff to learn

  • @leonardonorambuena2172
    @leonardonorambuena2172 4 года назад +1

    waiting for part 2, Thank you

  • @suprotimroy
    @suprotimroy 3 года назад

    Extraordinary !! Is the part 2 out ?

  • @brunoistvan2452
    @brunoistvan2452 4 года назад +1

    Thanks for sharing. Great Skills

  • @ramonpaolomaran2253
    @ramonpaolomaran2253 4 года назад +2

    it is incredible. Brazil

  • @rohitsav792
    @rohitsav792 4 года назад

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

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

  • @yassirfayyad7979
    @yassirfayyad7979 4 года назад +1

    Awesome I like your style !🥰😍😘

  • @somnomnoms
    @somnomnoms Год назад

    What plugin are you using for the indentation guide lines?

  • @_Gianluca
    @_Gianluca 3 года назад

    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  3 года назад +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.

  • @bashiruibrahim8443
    @bashiruibrahim8443 4 года назад

    Nice looking UI, thanks

  • @debajyotimajumder2656
    @debajyotimajumder2656 4 года назад +1

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

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

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

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

  • @هديلهديل-ن3ج
    @هديلهديل-ن3ج 3 года назад

    Thank you, I will try it tomorrow 😍✋

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

  • @vipulbagal8402
    @vipulbagal8402 3 года назад

    Where is part 2 ?
    I am eagerly waiting

  • @sisCAC
    @sisCAC 4 года назад +1

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

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

  • @LoveVerse1111
    @LoveVerse1111 2 года назад

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

  • @ariii416
    @ariii416 4 года назад

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

    • @TheFlutterWay
      @TheFlutterWay  4 года назад +1

      Thank you 🙌 love u guys❤️❤️

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

  • @ErsanKolay
    @ErsanKolay 4 года назад +1

    We are waiting part 2

  • @shakilsaiyad9298
    @shakilsaiyad9298 4 года назад

    Please make Quiz app UI with next previous button

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

  • @hyungtaecf
    @hyungtaecf 4 года назад

    Thank you! Those videos inspire me^^

  • @jakearanas3017
    @jakearanas3017 3 года назад

    Where is the part 2 ?
    It is good tho

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

    • @mariobello97
      @mariobello97 4 года назад

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

  • @flutterhub8276
    @flutterhub8276 4 года назад +1

    Nice work bro

  • @abbasloda1
    @abbasloda1 4 года назад

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

  • @poweruman
    @poweruman 4 года назад +1

    Awesome!!!

  • @fullmastishow8055
    @fullmastishow8055 3 года назад +1

    Please Tell How To See The Output In Visual Studio Code

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

  • @elionaimelo7
    @elionaimelo7 4 года назад

    Missing arrow in Profile page

  • @israelmorais3280
    @israelmorais3280 4 года назад

    when part two comes out?

  • @delarammajestic2502
    @delarammajestic2502 3 года назад

    Hi , is there any part 2 ?

  • @abdelrahmanhedia9483
    @abdelrahmanhedia9483 4 года назад +1

    Great

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

  • @shimul6680
    @shimul6680 3 года назад

    One of the bestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

  • @kasvith
    @kasvith 4 года назад +2

    Best channel

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

  • @EdenRUGOMANA
    @EdenRUGOMANA 17 дней назад

    hey where is part 2?

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

  • @minigeek
    @minigeek 4 года назад

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

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

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

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

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

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

  • @maksimit6839
    @maksimit6839 4 года назад

    Very very nice!

  • @uldara
    @uldara 4 года назад +2

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

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

  • @prince-sonawane
    @prince-sonawane 4 года назад

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

  • @prantosuwarno2733
    @prantosuwarno2733 4 года назад

    genius bro

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

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

  • @yassirfayyad7979
    @yassirfayyad7979 4 года назад

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

  • @dalinkoy804
    @dalinkoy804 4 года назад

    when release part 2?

  • @ashishkumar-fm8jj
    @ashishkumar-fm8jj 4 года назад

    Where is part 2 sir?

  • @canbaskaya4800
    @canbaskaya4800 4 года назад

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

  • @leisuretimewithsheri158
    @leisuretimewithsheri158 3 года назад

    I need its part 2

  • @finecoloringpages7110
    @finecoloringpages7110 4 года назад

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

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

  • @jinuem
    @jinuem 4 года назад

    Wow.. Amazing )

  • @luiscvargas2011
    @luiscvargas2011 4 года назад

    Great contribution, thanks bro #FromPanama

    • @TheFlutterWay
      @TheFlutterWay  4 года назад +1

      Thank you so much, Love you guys ❤️

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

  • @Jimboo025
    @Jimboo025 4 года назад

    Is it Adobe xd?

    • @TheFlutterWay
      @TheFlutterWay  4 года назад +1

      The UI designer provide me the XD file for this UI

  • @mohammedsabbar3894
    @mohammedsabbar3894 4 года назад +2

    I Love you mam

  • @Frittenfinger
    @Frittenfinger 3 года назад

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