/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

23 votes391 views4 answers
Click to copy react
Javascript React
0 vote381 views1 answer
Nested arrays reactjs tables
Javascript React
8 votes435 views3 answers
Icon shwoing a box react native vector icons
Javascript React
1 vote436 views2 answers
Switch is not exported from react-router-dom
Javascript React
6 votes376 views2 answers
React native indicator
Javascript React
-1 vote375 views1 answer
History of react js
Javascript React
13 votes419 views3 answers
React native conditional rendering
Javascript React
0 vote433 views2 answers
React native use route params
Javascript React
0 vote412 views1 answer
Form.select not working react bootstrap
Javascript React
0 vote406 views1 answer
Storybook react router
Javascript React