/Javascript/React/React native scaling font

React native scaling font

<Text
    numberOfLines={1}// add this
    adjustsFontSizeToFit// add this
    style={{textAlign:'center',fontSize:30}}
  >

Source: stackoverflow.com

React native font based on viewport dimensions

<View>
  <Text
    numberOfLines={1}
    adjustsFontSizeToFit
    style={{textAlign:'center',fontSize:30}}
  >
    {this.props.email}
  </Text>
</View>

-1

Source: stackoverflow.com

Similar codes

114 votes352 views3 answers
Run react app
Javascript React
0 vote334 views1 answer
How to write unit test cases in react js
Javascript React
4 votes349 views1 answer
React router history push parameter
Javascript React
20 votes335 views6 answers
Useeffect react example
Javascript React
0 vote335 views1 answer
React get current date minus 7 days
Javascript React
7 votes348 views4 answers
Import image in react js
Javascript React
1 vote321 views1 answer
React native android padding style
Javascript React
0 vote314 views1 answer
React Spread Attributes conditionally
Javascript React
0 vote335 views1 answer
How to use empty href link in reactjs
Javascript React
0 vote339 views1 answer
How to make the width of a react native element adjust according to the contents
Javascript React