Responsive Design in React Native | Responsive UI | React Native Tutorial

Поделиться
HTML-код
  • Опубликовано: 11 янв 2025

Комментарии • 77

  • @souravdutta5034
    @souravdutta5034 Год назад +12

    what a tutorial. appreciate your hard work.
    noone talks about this little things. I think it would be helpful if you make a series for those who wants to advanced react native things. Thank You. hoping for more video like this :)

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

      Swears, I've learnt a lot from this few minutes than the 8+ hours crash course some big RUclipsr's create 🥲💔💔😩

  • @pranavsinha1334
    @pranavsinha1334 Месяц назад +1

    The best guide to making responsive screens. Appreciate your work

  • @edopenroz
    @edopenroz Год назад +3

    Excellent video Nomi, as always!

  • @abdiladifmohamud5957
    @abdiladifmohamud5957 Год назад +2

    This man is a life saver. I like it

  • @kaustuvgiri859
    @kaustuvgiri859 10 месяцев назад

    The best TailwindCss installation guide in RUclips

  • @aleejunaid
    @aleejunaid Год назад +2

    Glad I found your channel! A big help~

  • @nguyentrieuduy9999
    @nguyentrieuduy9999 Год назад +2

    Thanks you. Excellent tutorial. I practiced with all project demo of your channel

  • @hitmanwins4516
    @hitmanwins4516 3 месяца назад +1

    great work my brother!!!

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

    Best Teacher for me, Thank you Sr.

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

    I been looking for this all my react native life 😊

  • @ShadowsOfTheBeast1
    @ShadowsOfTheBeast1 9 месяцев назад

    Wow! Beautifully done!❤

  • @antharithm
    @antharithm Год назад +1

    Great and simple tutorial! Thank you

  • @Janjan-bj4cg
    @Janjan-bj4cg 11 месяцев назад +1

    can you make more of this?
    THANKS A LOT!
    YOU REALLY GAVE ME AN IDEA REGARDING TO THIS TOPIC

  • @11shivamAhir00
    @11shivamAhir00 Год назад +1

    thank you so much sir !! very helping video

  • @lenierperez1831
    @lenierperez1831 Год назад +1

    Thanks 🙏. Excellent tutorial

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

    excellent tutorial explained in a very simple way

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

    Really needed this

  • @harshdeep7015
    @harshdeep7015 Год назад +2

    What about rn size matters??

  • @guidiuz5129
    @guidiuz5129 11 месяцев назад

    Amazing Tutorial! Thank you so much dude! This is very useful for me, I love It

  • @rithink8739
    @rithink8739 9 месяцев назад

    Really good one, Keep it up✌

  • @AAfzal5
    @AAfzal5 Год назад +1

    Love your tutorial, They are really helpful to me as a beginner, I just had a request if you could make a video on how to use Custom Fonts in our Expo Apps using Nativewind, It would be really helpful, and show us how we can set it in a way that all other elements automatically inherit that font.
    Thank You!

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

      will create a tutorial on this someday 😉

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

      @@codewithnomi Thank you, Your contents are amazing, Can't thank you enough, I'm also using Nativewind for My Expo React Native App

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

    Amazing ❤️
    Learned something new...

  • @Azeem_Idrisi
    @Azeem_Idrisi 4 месяца назад

    Sir this was really helpful. Thanks a lot ❤

  • @pradeepprakash78
    @pradeepprakash78 6 месяцев назад

    Excellent video..Thanks a billion 😊❤

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

    Excellent bro...❤

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

    This video is so helpful but i have one question on image responsiveness on your movie project trending section the image doesn’t equally on ipad, iPhone 14 promax and iPhone se simulators

  • @minusmarigold98
    @minusmarigold98 10 месяцев назад

    Perfect tutorial, but you should explain more about how to responsive font size if you mentioned font. at all thanks to you ❤

  • @glenhong8028
    @glenhong8028 24 дня назад

    Im a little confused as to why we need a library to get height percentage and width percentage? Isnt that the whole premise of flex is that if you have 2 items side by side with a flex of 1 then they are 50% of the container? Additionally, when marking a height of { height: hp(15) } is this just not the same as { height: '15%' } ?

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

    Excellent tutorial, i really needed this, i was wondering if this also helps with landscape and portrait modes as well

  • @SanthoshPlace
    @SanthoshPlace 9 месяцев назад

    excellent thanks for best guidance.

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

    Bro your contents are amazing. Really appreciate what you are doing. We would love to see a project using firebase jwt async storage redux all in one video

  • @softcoder404
    @softcoder404 9 месяцев назад

    This is really helpful... I have few question, how can i convert px to percentage cos most of the design on figma are in px??

  • @GamingParadise32
    @GamingParadise32 25 дней назад

    tailwind css or bootstrap should i work with

  • @adir191
    @adir191 Год назад +1

    How it works with tailwind css & nativewind? can I use this library too?

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

      you can use only flex with nativewind

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

      @@codewithnomi it will be responsive?

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

      @@adir191 yes the layouts will be responsive

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

    Thanks, U r the GOAT

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

    well explained ❤

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

    awesome tutorial.

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

    Great video🎉

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

    Informative❤

  • @anilkumardas7662
    @anilkumardas7662 9 месяцев назад

    Please make a video on how to make response using tailwindcss

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

    Is it working smooth on changing portrait orientation to landscape?

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

    Hi Nomi, i have created pdf reader app in react native. I want to add feature where user click on pdf than opening that pdf in my app ( open with option)
    On click of pdf my application is showing with other pdf reader app.
    How i can get that pdf file info once user click on open with my app.

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

    Great video. Maybe next something with TypeScript and Redux?

  • @dannybrown9160
    @dannybrown9160 7 месяцев назад

    Great video

  • @vsandhudeveloper3282
    @vsandhudeveloper3282 Год назад +1

    can you please create a news application

  • @RehanZia-g3d
    @RehanZia-g3d Год назад

    What about screen rotation ?

  • @Gameworld-ps2de
    @Gameworld-ps2de 3 месяца назад

    can we achive responsiveness using flex

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

    How to make custom notification design banner bro???

  • @shivamjha.56
    @shivamjha.56 Год назад

    Ur tutorials are best on youtube , can u please make a playlist like udemy courses , where we can learn react native with strach with projects

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

    thank you bro👍

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

    thank you for this

  • @NoorMuhammad-f8v
    @NoorMuhammad-f8v 9 месяцев назад

    can you make tutorial on reanimated

  • @rajat-s-kale1771
    @rajat-s-kale1771 11 месяцев назад

    This is perfect

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

    Will styling with tailwind make the app responsive?

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

      No but if you use flex from tailwind you can make responsive layouts

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

      @@codewithnomi would you mind creating a video that shows that?

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

    excellent video, it would be great to have more videos on this responsive theme.

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

    great video

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

    Brother how use google api Place Autocomplete | Places API
    Without billing recat native 😢😢😢

  • @AkhilPasha-v6p
    @AkhilPasha-v6p Год назад

    when we use paddings and margins how to responsive it

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

      you can use the same methods for responsive paddings and margins

    • @AkhilPasha-v6p
      @AkhilPasha-v6p Год назад

      like how we use give some example like mb ,mt ,mr,ml ,mv,mh ,m, same like padding also what we use like wp,hp for whome what we use can u explain me
      @@codewithnomi

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

    Margin , padding , borderwidth ?

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

      you can make them responsive using the same process

  • @gnom-om
    @gnom-om Год назад

    fonts?

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

      check the end of the video, I've explained how to make fonts responsive

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

    Give me an example. If u slicing from Figma. A lot of Designer make the design in Pixel

  • @ZeeshanKhan-pl3ej
    @ZeeshanKhan-pl3ej 8 месяцев назад

    Till this is not a proper solution

  • @josersleal
    @josersleal 6 месяцев назад

    *****