/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 vote235 views1 answer
React native scrollview in modal
Javascript React
0 vote225 views1 answer
Nested arrays reactjs tables
Javascript React
0 vote247 views1 answer
Get call log in react native android
Javascript React
2 votes255 views1 answer
All react navigation packages
Javascript React
1 vote218 views1 answer
Concatenate a variable inside text react native
Javascript React
4 votes194 views1 answer
React router dom v6 goback
Javascript React
0 vote236 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote225 views2 answers
Drag n drop file upload react
Javascript React
1 vote186 views1 answer
Table reactstrap
Javascript React
18 votes210 views6 answers
How to import svg in react
Javascript React