React Native Flexbox Explained: How to Create Powerful UI

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

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

  • @balloney2175
    @balloney2175 6 หลายเดือนก่อน +3

    I love Hitesh' style of teaching. Too much detail for anyone to understand. So far, the best instructor I've ever had in a long time.

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

    Loving this series Hitesh sir. Haven't had so much fun in a course since a long time

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

    Love your style of teaching, very informative and insightful. Thanks Hitesh!

  • @faizanahmed9304
    @faizanahmed9304 ปีที่แล้ว +5

    Thank you sir! From covering trought infection, you are still making these videos. Hats off! But please only make videos if u are comfortable and keep banging the good content. Love from Hyderabad

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

    You Got a New Subscriber!!, i was Struggling to understand the concept of flex ,You made it clear,Thanks a lott,

  • @Raghubeer-z8z
    @Raghubeer-z8z ปีที่แล้ว +3

    😌 I have Years of Journey with you. Always love your videos.

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

    Thank you so much for this series loving it , Thanks Hitesh Sir for your amazing teaching style and making this series so valuable , Thanks Hashnode for sponsoring this series . Thanks alott 🙌🙌

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

    These React Native Tutorials are So Simple and To The Point. I'm loving the experience so far 🥳

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

    thank you so much for making this amazing series

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

    Sir I love your way of teaching.

  • @HimanshuGupta-xm2sj
    @HimanshuGupta-xm2sj 6 หลายเดือนก่อน

    Amazing video. Thanks a lot Hitesh sir. Learnt a lot!

  • @AnilKumar-hr5uq
    @AnilKumar-hr5uq 5 หลายเดือนก่อน

    What a beautiful confidence 😮
    Thanks a lot ❤

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

    Thank you very much Hitesh Sir for react-native tutorials

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

    Thank you so much Hitesh sir for this series :-)

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

    Lovely and informative video. Thank you for all you do

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

    Thanks Hitesh sir for this amazing react-native series

  • @SFORSANDEEP
    @SFORSANDEEP ปีที่แล้ว +8

    Just an FYI mate, the reason your boxes shrinked or ignored the width because you have flex 1 for the card. Remove the flex 1 from the card style which will resolve the issue. Btw you are awesome..

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

      Damn, I was looking for this comment, you are awesome too, thanks a ton

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

      Thank you so much, brother!!

  • @WolfLöwenHai
    @WolfLöwenHai ปีที่แล้ว +1

    very good explanation, thank you so much for the video!

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

    Best tutorial playlist for React Native

  • @veissalbabah9691
    @veissalbabah9691 4 หลายเดือนก่อน +1

    is there a place where we can find the code without waiting for him to write in the video ?

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

    Default size for the font inside of the boxes is size 14, when my 'Red' was size 14, it would only go to the left, not centre, no matter what. I had to apply style={styles.Font} inside the text for each colour and create another style of font size 16 (could change to anything except 14 as that broke Red for me). e.g.
    Red


    Green


    Blue
    and then also
    Font:{
    fontSize: 16
    }
    inside of the StyleSheet.create

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

    Your javascript course is amazing sir

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

    Thanks for the series❤

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

    Thank you so much, these videos ara amazing

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

    This series is amazing!!

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

    अद्‌भुत and awwesome its so cool .🤩🤩🤩👩‍🎓

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

    awesome video on react native

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

    Thank You sir ! Amazing series really very helpful

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

    You're just the best. Thank you for this video

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

    Hi sir I just checked the GitHub repo and there is no folder named components I just want to write the code for notes .

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

    thank you sir i only done this in web part thank you for this 😇 easy way.

  • @VoiceThatMatter
    @VoiceThatMatter 5 หลายเดือนก่อน +1

    Thank You.

  • @DarwinLumampao-n8z
    @DarwinLumampao-n8z 2 หลายเดือนก่อน

    Super super thank you very clear tutorial

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

    Thank you so much sir 😊

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

    React Native Flexbox Explained: How to Create Powerful UI DONE

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

    Thanks for this tutorial - really good!

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

    the styles do not work for me . do i have to do any other settings?

  • @RahulSharma-wz6yv
    @RahulSharma-wz6yv 11 หลายเดือนก่อน

    Awesome video, Thanks for this content

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

    Thanks for the series.

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

    Hey Sir thanks for the video.

  • @app.js1
    @app.js1 ปีที่แล้ว

    Best Explanation 👍👍👍👍👍👍👍👍

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

    sir when i want to use css file on multiple files how do i take an external stylesheet to give the stylesheet all the file?

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

    Very good explanation, Thanks!

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

    Thank you sir❤

  • @learner-zl7zl
    @learner-zl7zl 10 หลายเดือนก่อน

    Thanks for the series

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

    Thanks for the video

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

    thank you sir
    loving thiss...........

  • @aps2005
    @aps2005 18 วันที่ผ่านมา

    text in red box is not coming in center but in other two its coming i don't know why

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

    Very good teaching skills

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

    Appreciate your effort. Thank you

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

    Even after you did hard refresh, it was still bugging cuz last width size you did was 110 which should probably shift the 2nd blue box(green text) to outside of the screen

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

      That can be fixed by removing the 'flex' property from the card style

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

      @@anuragbanger4261 yes its working, but then how can we do center align items in card?

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

      ahh i got it, i just replace flex: 1, with display: 'flex'

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

    My card hides automatically after applying flex: 1 property. Please help me. Thanks

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

    Really fun and knowlegable video

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

    its Really helpful

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

    Awesome explanation sir

  • @MuneshKumar-ik9qx
    @MuneshKumar-ik9qx ปีที่แล้ว

    Thanks sir For great Explanation..........

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

    my cards are also shrinking not going out of the screen, i have tried hard reload too.

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

    Great video sir

  • @DivyaSuraj-ff4ls
    @DivyaSuraj-ff4ls 3 หลายเดือนก่อน

    Thank you Sir

  • @AbhishekKumar-nz9dn
    @AbhishekKumar-nz9dn 11 หลายเดือนก่อน

    @9:40 flex:1 is hiding all the things , without flex its working fine . pls tell how

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

    thanks for this awesome vedio!!!

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

    Very clear explanation thank you sir.

  • @KishoreKumar-fv9dr
    @KishoreKumar-fv9dr ปีที่แล้ว

    tqs for the session.....

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

    Thank You Sir...

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

    Thanks for this tutorial

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

    Thankyou soo much sir

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

    You are a Awsm man.......thank you so much

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

    Thank you so much

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

    Thanks alot❤

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

    nice video, i heard that boAt is hiring through competition called Wavemaker's Challenge. They are giving out prizes as well. Cna you please make a video on that? I want to participate.

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

    Thanks Bro

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

    My react App has a white background color, does anybody know how to make it grey as in the tutorial. I have tried changing the emulator settings it did not work?

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

      Hey! Have you changed it to grey or Not Yet?

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

      ​@@MaddyShortsPK you can make one new style and give background color property and then apply that style to the safeareaview or the first view tag

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

      ​@@MaddyShortsPKthis is an assumption cuz I know html css

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

    thanks 😍

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

    Thank you , Following

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

    Can anyone tell me same for tailwind?

  • @Aditya.Santra
    @Aditya.Santra ปีที่แล้ว

    amazing 👍

  • @132_priyankrai5
    @132_priyankrai5 ปีที่แล้ว

    Let's raise the bar to match real world applications

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

    great one

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

    Thanks 😊

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

    what is your theme name?

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

    Can someone explain ? , why we use flex:1 instead of display:flex and why does it behave like flex-grow

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

      When you have multiple components with flex: 1 within a flex container, each of them will take an equal portion of the available space. This is particularly useful when you want components to share the available space evenly.

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

    Thank you sir.....

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

    Thank you sir

  • @pankajkhairnar621
    @pankajkhairnar621 21 วันที่ผ่านมา

    Thanks...

  • @B-NikhilRichhariya
    @B-NikhilRichhariya 8 หลายเดือนก่อน

    Thanks >>>>>>>>>

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

    Sir plz make a video on how to make completely responsive design with responsive text

  • @TitleZero-c5y
    @TitleZero-c5y ปีที่แล้ว

    Thank yor sir.

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

    thanks sir

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

    thanks

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

    thanks a lot

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

    🔥

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

    thank you great

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

    #BESTTEACHER

  • @chan-te6re
    @chan-te6re ปีที่แล้ว

    thanks

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

    Great

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

    loveee

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

    🤩🤩🤩👍👍👍👍👍

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

    Good day greetings

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

    hy sir plz make doctor appoinment app in react native

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

    Sir chai aur code ko bhoolna nahi