/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 vote128 views1 answer
React native tab.screen hide title
Javascript React
0 vote147 views1 answer
Get id button clicked react
Javascript React
11 votes130 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
2 votes122 views2 answers
React aws s3 npm
Javascript React
50 votes125 views6 answers
Yarn create react app
Javascript React
0 vote131 views1 answer
React-loader-spinner
Javascript React
5 votes128 views1 answer
React-select
Javascript React
0 vote143 views3 answers
Add webpack to react project
Javascript React
15 votes138 views3 answers
Image source react native
Javascript React
0 vote133 views1 answer
How to add autoserial number in react js
Javascript React