/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

-2 votes307 views1 answer
React spring transition animations
Javascript React
78 votes278 views6 answers
React router redirect
Javascript React
0 vote240 views1 answer
'{ state: any; dispatch: React.Dispatch<{ type: string; payload: any; }>; }' is not assignable to type 'Store'
Javascript React
0 vote292 views1 answer
How react work
Javascript React
8 votes296 views1 answer
React hooks with objects
Javascript React
3 votes290 views1 answer
Include gif in react
Javascript React
0 vote261 views1 answer
Create-react-app height issues with flex
Javascript React
32 votes269 views6 answers
Usestate react
Javascript React
3 votes292 views3 answers
React hide source code
Javascript React
17 votes307 views3 answers
React canvas clear
Javascript React