/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 vote168 views2 answers
How to use react typed js
Javascript React
0 vote146 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
3 votes259 views3 answers
Center element react native
Javascript React
0 vote140 views1 answer
As it does not contain a package.json file. react
Javascript React
2 votes135 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
21 votes85 views3 answers
Hide header bar react navigation
Javascript React
0 vote139 views4 answers
React tutorial for beginners
Javascript React
1 vote147 views1 answer
React redux not updating
Javascript React
0 vote132 views1 answer
Bottom shadow in react native
Javascript React
0 vote170 views2 answers
Toastify react not working
Javascript React