React Native Responsive UI without flex 💯% Guarantee 🔥 | Make App Responsive 😎 | Engineer Codewala
Vložit
- čas přidán 29. 07. 2022
- In this video, I will tell you how to create an app 100% responsive easily.
No need for Flex and percentage .
Install this library: www.npmjs.com/package/react-n...
Properties :
✅ Responsive Height
✅ Responsive Width
✅ Responsive Font Size
Watch Full Video and I guarantee no need to watch other videos.
For more React Native Videos Subscribe to my channel and like videos for motivation.
#reactnative #responsive #reactnativetutorial #ui #engineercodewala
#android #ios
Arey bhai itne din se sab search kar liya...kuch nahi mila apka yeh ek vdo me sab clear hogaya
thank you very much 💞 apke fan ho gaye bhai
Ek no bha apne mujhe sabse best solution diya responsive ka ....... CZcams aaj tak mujhe exact solution nahi mila.....
Ri8
Thank you dude
I was really suffering from this issue related to font sizes this will help me
Ye video bahot helpful hai bhai god bless you brother
Thankyou sir poora CZcams dekh lia kahi nhi Mila
MashaAllah.
Very nice video, very easily understandable.
Bhai bahut sukoon mila jub ye video dekha
That's awesome ❤
Thank you so much sir
Thanks sir for this amazing video, May God bless you 😇
Thank you brother. really its helpful
Awesome
Guru g
Chah gaye ho
Super ❤
Iam learning react native from your videos.
Started phonepay clone app
Really loved it ,❤️
Bhaiya, ye use to percentage kr rha width aur height screen ka... To Dimensions use krk screen ki height width use krk bhi kr skte... Maine aise kiya tha App me Internship me... Common stylings ki 1 file me styles fonts aur colors define kr skte.. Aur 4-5 different font sizes define kr de width use krk from Dimensions from 'react-native'.... Isme to borderWidth bhi use ho jata.. Kyoki width height number hota h values.. width * 0.02 height * 0.02
धन्यवाद गुरु ❤
Thanks for help me 👍
bhaia gee kamal krdiya
Perfect 🔥
Great videos sir
Excellent 👍👍👍
Thank you very much
Thanks a lot sir
Thank you very much for your help. I have a question, is it normal that some devices dont share the same size even if they are responsive? Like Samsung S9 and Samsung A20 have still different fontsize but same value
excellent bro
Brother I accidentally seen your channel and its best channel for practical knowledge of react native. Thank you for your help. I hv started to follow all your videos from playlist to gain react native knowledge and will ask you doubts if any.
Currently i hv doubt on this video that this library is third party and in future maintainance issue can happened with repo and library can affect.
Is there any parmanent solution to achieve same using default react native like dimensions or pixelRatio for both iOS and Android that ll work on any screen.
Can you help me please in this i want to achieve like content fit and adjust according to different screen resolution for iOS and Android and looks same also.
I will wait for your help. Thanks brother
You can use device height and width for safe side
👍😁😁
Superb
How about the ScrollView can you please make a video on it
Can we achieve the same thing by using Dimension from react-native?
E.g -
const width = Dimensions.get('window').width / 100; // now width is 1% of screen width
const height = Dimensions.get('window').height / 100; // now height is 1% of screen height
now if we want a margin of 3% of screen width then we can achieve this thing by (width * 3).
My question, is it scalable, and what challenges can I expect if I use this % method?
Thanks a lot for providing such an informative video ❤
Yes you can do using dimensions also
@@EngineerCodewala Thanks for your kind response
That repo is archieved now, do you have any other suggestions?
Which MacBook do you use?
can you make a video on how to run multiple emulators and test on them please
bhai thank you
best video
Thank you bhai
Wlcm
Thanks
Please make some responsive for orientation of devices as well.
Like portrait and landscape?
@@EngineerCodewala yes please . :)
Thank you for the effort, really appreciate
Ok will post
is code ko kaha pr dalu ki react pages pr set ho jaye
,😎😎
bhaiya kon sa macbook hai apke pass
Macbook pro m1
Is it also responsive for iPad
Should work
Awsm se ßhi Uper Hai ! @2023_Pro @OP
sir i need react native setup video
Please check react native for beginners series part1
agar icon ko responsive krna ho phir kia kre ge?
Same height and width
@@EngineerCodewala mene is tarah kia he : size={ responsive Width(5)} ( kia ye sahi he )
Firebase plus react native video banao
Yes will post
sir Flexbox use kar ke video banaye
Ok i will post that video also
@@EngineerCodewala Thank you sir waiting for it
Tu sir hma poori application ma har jaga responsive krka styling daini pri gee kiya ya saii approach haa??
Depends on you create responsive reusable components
Bhai exactly respomsovness nhi work kar rha hey tumhare methods se mene 10 bar try karleya nhi ho rha different screen size ke according change ho ja rha hey
Cheating title, this is not I. English
Bro, This repository has been archived by the owner on Dec 29, 2022. It is now read-only.
any other pakages????
React native size matters , react native responsive dimensions, react native e stylesheet ,
@@EngineerCodewala kya y packages use krna long period k shi rheyga???
what if those package also deprecated becuase in sbhi packages m 3 4 saal se koi maintainance nhi hui hai
@@EngineerCodewalabro rn size matters ka fonts Samsung device me jyada bada lag raha h
Bhaiya, ye use to percentage kr rha width aur height screen ka... To Dimensions use krk screen ki height width use krk bhi kr skte... Maine aise kiya tha App me Internship me... Common stylings ki 1 file me styles fonts aur colors define kr skte.. Aur 4-5 different font sizes define kr de width use krk from Dimensions from 'react-native'.... Isme to borderWidth bhi use ho jata.. Kyoki width height number hota h values.. width * 0.02 height * 0.02
Isme library ki jarurat ni padti... Ye library bhi to whi use kr rhi backend me percentage of height width....