/Javascript/React/React native font based on viewport dimensions

React native font based on viewport dimensions

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

32 votes283 views2 answers
Npm react router dom@5
Javascript React
0 vote327 views1 answer
React fetch data in for loop
Javascript React
6 votes308 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote298 views1 answer
How to take out text from array of strings in react
Javascript React
64 votes297 views6 answers
React js router
Javascript React
4 votes275 views1 answer
Get width of screen react
Javascript React
7 votes267 views4 answers
React router link
Javascript React
0 vote292 views1 answer
Event handling in react documentation
Javascript React
0 vote310 views1 answer
React Native - Trigger Media Scanner
Javascript React
1 vote297 views1 answer
No known class method for selector 'setScreenName:screenClass: react native
Javascript React