Recipe App - Part 1 - Flutter UI - Speed Code

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 พ.ย. 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.

  • @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 3 หลายเดือนก่อน

      ​@@TheFlutterWaywhere is the part 2 ?

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

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

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

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

  • @rijalpadam5148
    @rijalpadam5148 4 ปีที่แล้ว +3

    Really appreciate your work 😊❤️🇳🇵

  • @iUwej-y8d
    @iUwej-y8d 3 ปีที่แล้ว +1

    This is awesome! A lot of stuff to learn

  • @bangsa_puja
    @bangsa_puja 3 ปีที่แล้ว +2

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

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

    Really love your works.

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

    waiting for part 2, Thank you

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

    Awesome I like your style !🥰😍😘

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

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

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

    Nice looking UI, thanks

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

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

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

      Thank you 🙌 love u guys❤️❤️

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

    Extraordinary !! Is the part 2 out ?

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

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

  • @هديلهديل-ن3ج
    @هديلهديل-ن3ج 3 ปีที่แล้ว

    Thank you, I will try it tomorrow 😍✋

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

    Nice work bro

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

    We are waiting part 2

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

    Thanks for sharing. Great Skills

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

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

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

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

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

    Best channel

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

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

      Great idea maybe in future

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

    Thank you! Those videos inspire me^^

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

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

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

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

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

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

    it is incredible. Brazil

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

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

      Just wait for the part 2

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

      @@TheFlutterWay Thanks once again...Love your videos :) (Y)

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

      Did u find out how to do it already?

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

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

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

    Very very nice!

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

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

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

    Where is part 2 ?
    I am eagerly waiting

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

    Awesome!!!

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

    Please make Quiz app UI with next previous button

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

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

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

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

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

    One of the bestttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

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

    Where is the part 2 ?
    It is good tho

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

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

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

    genius bro

  • @fullmastishow8055
    @fullmastishow8055 3 ปีที่แล้ว +1

    Please Tell How To See The Output In Visual Studio Code

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

      VS Code terminal show the output

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

  • @prince-sonawane
    @prince-sonawane 4 ปีที่แล้ว

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

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

    Wow.. Amazing )

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

    Hi , is there any part 2 ?

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

    Great contribution, thanks bro #FromPanama

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

      Thank you so much, Love you guys ❤️

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

    Missing arrow in Profile page

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

  • @EdenRUGOMANA
    @EdenRUGOMANA หลายเดือนก่อน

    hey where is part 2?

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

    when part two comes out?

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

    I need its part 2

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

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

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

    Great

  • @somnomnoms
    @somnomnoms ปีที่แล้ว

    What plugin are you using for the indentation guide lines?

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

    when release part 2?

  • @ashishkumar-fm8jj
    @ashishkumar-fm8jj 4 ปีที่แล้ว

    Where is part 2 sir?

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

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

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

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

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

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

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

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

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

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

    I Love you mam

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

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

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

    Plsssssssssss
    Some Backend Tutorial

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

      Udemy

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

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

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

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

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

    Is it Adobe xd?

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

      The UI designer provide me the XD file for this UI

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

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

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

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