/Javascript/React/React native font based on viewport dimensions

React native font based on viewport dimensions

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 vote211 views3 answers
Difference between React.functioncomponent and React.component
Javascript React
0 vote219 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
4 votes193 views2 answers
Materialize for react
Javascript React
3 votes216 views1 answer
Pass element from child to parent react
Javascript React
0 vote193 views1 answer
Eslint version check in react
Javascript React
0 vote214 views1 answer
Get id button clicked react
Javascript React
0 vote195 views1 answer
Inline style to change background color react
Javascript React
5 votes205 views3 answers
How to open a new tab in react
Javascript React
2 votes271 views2 answers
Set delay react native
Javascript React
1 vote261 views1 answer
How to add two elements in one path in react router v6
Javascript React