Making React Native App Responsive using Dimensions #12 || React Native Tutorial for Beginners
Vložit
- čas přidán 7. 11. 2022
- In this video, we'll learn about making our React native application responsive using Dimensions API. This would help us in making our app responsive to all device sizes.
Source Code: github.com/SGCodes01/React-Na...
React Native Image Gallery: • Fullscreen View Image ...
React Interview Question & Answers: • React Placement Ready ...
React Native Projects: • React Native Projects
For any help or doubts, you can contact me on Instagram or Telegram: sgcodes.co.in/
===============================
Latest Videos
===============================
React Native Calendar:
• React Native Calendar ...
React Native Login-Signup UI:
• React Native Login & S...
React Native ToDo App:
• React Native Todo App ...
React Native Image Carousel:
• Image Carousel in Reac...
Get your Dream Job via Cold Calling:
• Get your dream job via...
Get into FAANG via Referral:
• How to get into FAANG ...
Uber Interview Process:
• How he cracked Uber wh...
My Coding Journey:
• My Coding Journey || J...
React Native Movie App:
• React Native Movie App...
React Native Telegram UI Clone:
• Telegram Clone UI usin...
===============================
Popular Videos:
===============================
Get Ready for frontend Developer Interviews:
• React Placement Ready ...
S.G. Code's 1-year CZcams Rewind:
• S.G.Codes CZcams Rewi...
Sending Emails using Nodemailer:
• How to send email usin...
Building Memory Game using JavaScript:
• Build a Memory Game us...
How to become a Full Stack Web developer in 6 months:
• How to become Full Sta...
===============================
React Placement Ready:
===============================
Part-I Basic React:
• React Placement Ready ...
Part-II Virtual DOM & DOM:
• React Placement Ready ...
Part-III JSX:
• React Placement Ready ...
Part-IV Lifecycle methods:
• React Placement Ready ...
Part-V(a) React hooks:
• React Placement Ready ...
Part-V(b) React Hooks:
• React Placement Ready ...
Part-VI React Components:
• React Placement Ready ...
Part-VII State & Props in React:
• React Placement Ready ...
Part-VIII React Context API:
• React Placement Ready ...
Part-IX Redux:
• React Placement Ready ...
Part-X React Router:
• React Placement Ready ...
Part-XI Miscellaneous:
• React Placement Ready ...
===============================
React Native Crash Course in Hindi:
===============================
The Basics of React Native:
• The Basics of React Na...
User Profile in React Native:
• User Profile in React ...
Form Validation in React Native Part-I:
• Form Validation in Rea...
Form Validation in React Native Part-II:
• Form Validation in Rea...
TODO App in React Native:
• TODO App in React Nati...
COVID Vaccination Slot finding App:
• COVID Vaccination Slot...
===============================
How to Crack Placements & Interviews:
===============================
Get your Dream Job via Cold Calling:
• Get your dream job via...
Get into FAANG via Referral:
• How to get into FAANG ...
Uber Interview Process:
• How he cracked Uber wh...
===============================
Popular Playlists:
===============================
React Native Projects:
• React Native Projects
React Placement Ready:
• React Placement Ready
React Native Crash Course in Hindi:
• React Native Crash Cou...
How to Crack Placements & Interviews:
• Podcasts Season 2 | Ho...
JavaScript Projects:
• JavaScript Projects
Building a Portfolio Website:
• Portfolio Website usin...
Building Games using JavaScript:
czcams.com/play/PL0.html...
✨ Tags ✨
Making React Native App Responsive using Dimensions #12 || React Native Tutorial for Beginners,react native tutorial,react native,react,dimensions react native example,dimensions react native,react native dimensions window screen,dimensions api in react native,responsive app react native,responsive app design in react native,react native responsive ui,react native responsive screen,react native responsive design tutorial,react native responsive dimensions,dimensions
why can't I return like this:
return (
);
its not working.
Sir jldi jldi laaiye🙏❤️
You need some time to study the concept and practice it. That's why I'm uploading them on alternate days.
Sir please react-native-paper pe ek comprehensive video banaaye.
Sure, will make a detailed video on this
when i am putting all the display call inside scrollview and gives it flexdirection : row, its not working
here is the code
const Display = (color: any) => (
This is responsive element.
)
return (
{Display("red")}
{Display("green")}
{Display("blue")}
{Display("black")}
{Display("red")}
{Display("green")}
{Display("blue")}
{Display("black")}
);
}
Try removing the view element
flexGrow : 0