/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

0 vote183 views1 answer
React-template-helper
Javascript React
12 votes183 views3 answers
Vs code emmet for html in react
Javascript React
31 votes175 views1 answer
Download react router dom
Javascript React
0 vote192 views1 answer
Unexpected token useeffect react native
Javascript React
0 vote186 views1 answer
Reactvs y axis range
Javascript React
1 vote139 views1 answer
How to pass props in react test cases
Javascript React
2 votes192 views2 answers
React not recognizing lorem
Javascript React
0 vote165 views1 answer
Displaying the date react
Javascript React
1 vote211 views1 answer
Import library react js
Javascript React
0 vote171 views2 answers
Veu js vs angular vs react features
Javascript React