/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 vote358 views1 answer
Options not working properly in reactjs
Javascript React
23 votes364 views4 answers
Click to copy react
Javascript React
0 vote356 views1 answer
Spining load react component
Javascript React
0 vote367 views2 answers
Add typescript to react-native
Javascript React
0 vote342 views1 answer
Docker react js
Javascript React
0 vote417 views1 answer
React flip move
Javascript React
4 votes368 views3 answers
Image react native base64
Javascript React
0 vote371 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
0 vote360 views1 answer
To do list app react code
Javascript React
1 vote367 views1 answer
React toggle class
Javascript React