React Native Responsive UI without flex 💯% Guarantee 🔥 | Make App Responsive 😎 | Engineer Codewala
ฝัง
- เผยแพร่เมื่อ 8 ก.ย. 2024
- 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/...
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
![[UNCUT] The Loyal Pin ปิ่นภักดิ์ EP.6 (1/4)](http://i.ytimg.com/vi/m05kZ2GDKXg/mqdefault.jpg)
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 ....... TH-cam aaj tak mujhe exact solution nahi mila.....
Ri8
MashaAllah.
Very nice video, very easily understandable.
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
Thankyou sir poora TH-cam dekh lia kahi nhi Mila
Thanks sir for this amazing video, May God bless you 😇
Ye video bahot helpful hai bhai god bless you brother
Super ❤
Iam learning react native from your videos.
Started phonepay clone app
Thank you dude
I was really suffering from this issue related to font sizes this will help me
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
Bhai bahut sukoon mila jub ye video dekha
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
Thank you brother. really its helpful
Awesome
Guru g
Chah gaye ho
That's awesome ❤
Thank you so much sir
Perfect 🔥
धन्यवाद गुरु ❤
How about the ScrollView can you please make a video on it
Thanks for help me 👍
bhaia gee kamal krdiya
Thank you very much
Great videos sir
Excellent 👍👍👍
can you make a video on how to run multiple emulators and test on them please
Really loved it ,❤️
excellent bro
Awsm se ßhi Uper Hai ! @2023_Pro @OP
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
Thanks a lot sir
👍😁😁
Superb
bhai thank you
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
best video
Thank you bhai
Wlcm
Thanks
That repo is archieved now, do you have any other suggestions?
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
Which MacBook do you use?
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
is code ko kaha pr dalu ki react pages pr set ho jaye
bhaiya kon sa macbook hai apke pass
Macbook pro m1
sir i need react native setup video
Please check react native for beginners series part1
Firebase plus react native video banao
Yes will post
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 )
sir Flexbox use kar ke video banaye
Ok i will post that video also
@@EngineerCodewala Thank you sir waiting for it
Is it also responsive for iPad
Should work
,😎😎
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....