/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

26 votes340 views6 answers
React redirect to url
Javascript React
0 vote337 views1 answer
React prevent form submission on enter key press inside inputs
Javascript React
1 vote338 views4 answers
Notification react native
Javascript React
113 votes375 views6 answers
How to create a new react app
Javascript React
0 vote310 views2 answers
Date format in react js
Javascript React
14 votes311 views2 answers
Border react native
Javascript React
0 vote311 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
0 vote323 views1 answer
Import tippy react
Javascript React
13 votes313 views1 answer
React post request
Javascript React
0 vote319 views1 answer
ReactRender
Javascript React