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

  Рет қаралды 27,681

Code With Nomi

Code With Nomi

Күн бұрын

Пікірлер: 77
@souravdutta5034
@souravdutta5034 Жыл бұрын
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 11 ай бұрын
Swears, I've learnt a lot from this few minutes than the 8+ hours crash course some big KZbinr's create 🥲💔💔😩
@pranavsinha1334
@pranavsinha1334 Ай бұрын
The best guide to making responsive screens. Appreciate your work
@edopenroz
@edopenroz Жыл бұрын
Excellent video Nomi, as always!
@kaustuvgiri859
@kaustuvgiri859 10 ай бұрын
The best TailwindCss installation guide in KZbin
@abdiladifmohamud5957
@abdiladifmohamud5957 Жыл бұрын
This man is a life saver. I like it
@aleejunaid
@aleejunaid Жыл бұрын
Glad I found your channel! A big help~
@nguyentrieuduy9999
@nguyentrieuduy9999 Жыл бұрын
Thanks you. Excellent tutorial. I practiced with all project demo of your channel
@hitmanwins4516
@hitmanwins4516 3 ай бұрын
great work my brother!!!
@harshdeep7015
@harshdeep7015 Жыл бұрын
What about rn size matters??
@Janjan-bj4cg
@Janjan-bj4cg 11 ай бұрын
can you make more of this? THANKS A LOT! YOU REALLY GAVE ME AN IDEA REGARDING TO THIS TOPIC
@smile5281
@smile5281 Жыл бұрын
I been looking for this all my react native life 😊
@rabieridene9193
@rabieridene9193 Жыл бұрын
Best Teacher for me, Thank you Sr.
@ShadowsOfTheBeast1
@ShadowsOfTheBeast1 9 ай бұрын
Wow! Beautifully done!❤
@11shivamAhir00
@11shivamAhir00 Жыл бұрын
thank you so much sir !! very helping video
@antharithm
@antharithm Жыл бұрын
Great and simple tutorial! Thank you
@lenierperez1831
@lenierperez1831 Жыл бұрын
Thanks 🙏. Excellent tutorial
@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 ❤
@SyedWaseemAmjad336
@SyedWaseemAmjad336 Жыл бұрын
excellent tutorial explained in a very simple way
@Azeem_Idrisi
@Azeem_Idrisi 4 ай бұрын
Sir this was really helpful. Thanks a lot ❤
@guidiuz5129
@guidiuz5129 11 ай бұрын
Amazing Tutorial! Thank you so much dude! This is very useful for me, I love It
@AAfzal5
@AAfzal5 Жыл бұрын
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
@rithink8739
@rithink8739 9 ай бұрын
Really good one, Keep it up✌
@pradeepprakash78
@pradeepprakash78 5 ай бұрын
Excellent video..Thanks a billion 😊❤
@GamingParadise32
@GamingParadise32 15 күн бұрын
tailwind css or bootstrap should i work with
@adilrao7777
@adilrao7777 Жыл бұрын
Amazing ❤️ Learned something new...
@glenhong8028
@glenhong8028 15 күн бұрын
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%' } ?
@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
@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??
@tatendafambirachimwe3842
@tatendafambirachimwe3842 Жыл бұрын
Really needed this
@adir191
@adir191 Жыл бұрын
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
@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
@frontend5049
@frontend5049 Жыл бұрын
Excellent bro...❤
@SanthoshPlace
@SanthoshPlace 9 ай бұрын
excellent thanks for best guidance.
@braimoselimane5538
@braimoselimane5538 Жыл бұрын
Thanks, U r the GOAT
@FredAdu
@FredAdu Жыл бұрын
Excellent tutorial, i really needed this, i was wondering if this also helps with landscape and portrait modes as well
@AbdullahWins
@AbdullahWins Жыл бұрын
well explained ❤
@anilkumardas7662
@anilkumardas7662 9 ай бұрын
Please make a video on how to make response using tailwindcss
@yourSOULismy
@yourSOULismy Жыл бұрын
Great video. Maybe next something with TypeScript and Redux?
@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
@codewithnomi
@codewithnomi Жыл бұрын
will do
@abhaynath5236
@abhaynath5236 Жыл бұрын
Is it working smooth on changing portrait orientation to landscape?
@inamulhasans9461
@inamulhasans9461 Жыл бұрын
Great video🎉
@voldemore6300
@voldemore6300 Жыл бұрын
Informative❤
@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.
@dannybrown9160
@dannybrown9160 7 ай бұрын
Great video
@vsandhudeveloper3282
@vsandhudeveloper3282 Жыл бұрын
awesome tutorial.
@RehanZia-g3d
@RehanZia-g3d Жыл бұрын
What about screen rotation ?
@kumarc326
@kumarc326 Жыл бұрын
How to make custom notification design banner bro???
@vsandhudeveloper3282
@vsandhudeveloper3282 Жыл бұрын
can you please create a news application
@Gameworld-ps2de
@Gameworld-ps2de 2 ай бұрын
can we achive responsiveness using flex
@beathollic
@beathollic Жыл бұрын
thank you bro👍
@rajat-s-kale1771
@rajat-s-kale1771 10 ай бұрын
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?
@penguinxed
@penguinxed Жыл бұрын
thank you for this
@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
@NoorMuhammad-f8v
@NoorMuhammad-f8v 9 ай бұрын
can you make tutorial on reanimated
@naumanajmal9866
@naumanajmal9866 Жыл бұрын
great video
@vxcode9536
@vxcode9536 Жыл бұрын
Brother how use google api Place Autocomplete | Places API Without billing recat native 😢😢😢
@abacuswithrehan264
@abacuswithrehan264 Жыл бұрын
You can't
@mohitsen780
@mohitsen780 Жыл бұрын
Margin , padding , borderwidth ?
@codewithnomi
@codewithnomi Жыл бұрын
you can make them responsive using the same process
@danieluribegarcia2463
@danieluribegarcia2463 Жыл бұрын
excellent video, it would be great to have more videos on this responsive theme.
@gnom-om
@gnom-om Жыл бұрын
fonts?
@codewithnomi
@codewithnomi Жыл бұрын
check the end of the video, I've explained how to make fonts responsive
@ZeeshanKhan-pl3ej
@ZeeshanKhan-pl3ej 8 ай бұрын
Till this is not a proper solution
@descode_id
@descode_id Жыл бұрын
Give me an example. If u slicing from Figma. A lot of Designer make the design in Pixel
@josersleal
@josersleal 6 ай бұрын
*****
React Native Dark Theme | React Native Tutorial | Beginners
9:20
Code With Nomi
Рет қаралды 20 М.
React Native Responsive Design | Tutorial for beginners
13:52
Sujan Anand
Рет қаралды 4,5 М.
99.9% IMPOSSIBLE
00:24
STORROR
Рет қаралды 31 МЛН
Правильный подход к детям
00:18
Beatrise
Рет қаралды 11 МЛН
We Attempted The Impossible 😱
00:54
Topper Guild
Рет қаралды 56 МЛН
I built a REAL Desktop App with both Tauri and Electron
12:22
Bufferhead
Рет қаралды 90 М.
Master React Native Responsive UI Design in 2024
21:34
Mufungo Geeks
Рет қаралды 1,2 М.
Better than React Native Stylesheet 💪
24:03
Simon Grimm
Рет қаралды 11 М.
How to take control of Flexbox
16:01
Kevin Powell
Рет қаралды 146 М.
How I make bots using python (educational)
17:12
Kian Brose
Рет қаралды 571 М.
Responsive Design in Flutter: A Complete Course
29:51
HeyFlutter․com
Рет қаралды 5 М.
E-Commerce App UI in React Native | React Native Projects
4:31
Code With Nomi
Рет қаралды 10 М.
99.9% IMPOSSIBLE
00:24
STORROR
Рет қаралды 31 МЛН