/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 vote337 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
12 votes358 views1 answer
React chrome extension
Javascript React
1 vote357 views2 answers
How to use gif in react native
Javascript React
16 votes370 views2 answers
Render text in for loop react in function
Javascript React
0 vote349 views1 answer
Bottom shadow in react native
Javascript React
0 vote356 views1 answer
React native text input right
Javascript React
0 vote363 views1 answer
Out of memory gc overhead limit exceeded. react native
Javascript React
1 vote364 views1 answer
Put two buttons in a row in react native
Javascript React
0 vote375 views1 answer
Globalevariable reactjs
Javascript React
2 votes345 views1 answer
React-moralis
Javascript React