/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 vote454 views1 answer
Scroll down react js typescript
Javascript React
1 vote352 views1 answer
Concatenate a variable inside text react native
Javascript React
1 vote410 views1 answer
React conditional array item
Javascript React
2 votes436 views2 answers
Run react native app in production mode
Javascript React
0 vote379 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
0 vote381 views2 answers
Capitalize each word from string in react
Javascript React
-2 votes382 views1 answer
2 taps is required to close keyboad in react native
Javascript React
0 vote376 views1 answer
React setstate in another component
Javascript React
13 votes442 views2 answers
Download react devtools for chrome
Javascript React
0 vote360 views1 answer
Get LocalStorage from WebView react native
Javascript React