/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

11 votes389 views2 answers
Shadow using react native
Javascript React
-1 vote404 views2 answers
React map example leaflets
Javascript React
0 vote392 views1 answer
Get image from gallery react native
Javascript React
41 votes388 views5 answers
UseRef() in react
Javascript React
0 vote360 views1 answer
Unexpected token react
Javascript React
0 vote331 views1 answer
React native cross out letter
Javascript React
0 vote382 views1 answer
Reactjs events list
Javascript React
1 vote422 views1 answer
Statusbar reactnati
Javascript React
6 votes390 views2 answers
TextInput disable react native
Javascript React
1 vote386 views5 answers
React state
Javascript React