Breaking News: Grepper is joining You.com. Read the official announcement!

responsive component/item reactnative

Last _Lactuca answered on January 30, 2023 Popularity 1/10 Helpfulness 1/10

answer responsive component/item reactnative

responsive component/item reactnative

Comment

npm install react-native-responsive-screen --save
//OR
npm install react-native-responsive-screen --legacy-peer-deps

import {widthPercentageToDP as wp, heightPercentageToDP as hp} 
from 'react-native-responsive-screen';

//example to use
const styles = StyleSheet.create({
  container: { flex: 1 },
  textWrapper: {
    height: hp('70%'), // 70% of height device screen
    width: wp('80%')   // 80% of width device screen
  },
  myText: {
    fontSize: hp('5%') // End result looks like the provided UI mockup
  }
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript react-native responsive

Link to this answer
Share Copy Link

Contributed on Jan 30 2023

Last _Lactuca

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

responsive component/item reactnative

Contents

More Related Answers

responsive component/item reactnative

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.