/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 vote341 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
2 votes402 views1 answer
Dynamic import in reactjs
Javascript React
1 vote360 views2 answers
What is reactive method
Javascript React
10 votes422 views2 answers
Generate random string react
Javascript React
1 vote352 views2 answers
How to create react native app
Javascript React
0 vote371 views1 answer
Node closes once you open app react-native
Javascript React
0 vote368 views1 answer
How to write sepearet styles in single line in react native
Javascript React
0 vote353 views1 answer
2.When will the validation functions be called in the react js
Javascript React
0 vote363 views1 answer
Render eror cant find variable: react
Javascript React
1 vote394 views1 answer
React counter input
Javascript React