/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

36 votes212 views2 answers
How to install react router dom version 5
Javascript React
0 vote221 views2 answers
React query stop refetch when i switch browser tabs (per query)
Javascript React
0 vote214 views1 answer
Take string until react
Javascript React
-1 vote224 views1 answer
Update text react native
Javascript React
2 votes223 views1 answer
Path.split is not a function react hook use form
Javascript React
1 vote220 views2 answers
[HomePage] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote220 views1 answer
React native notify user for new version of app
Javascript React
1 vote208 views1 answer
How to populate a checkbox from an api react
Javascript React
0 vote235 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
0 vote195 views7 answers
How to generate debug build in react native
Javascript React