/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

32 votes218 views1 answer
React roouter dom
Javascript React
1 vote191 views1 answer
How to use array of object in react
Javascript React
0 vote203 views2 answers
How to render a component multiple times in react
Javascript React
0 vote208 views1 answer
React-google-invisible-recaptcha
Javascript React
0 vote208 views1 answer
Take string until react
Javascript React
0 vote203 views1 answer
Active link color different in react js
Javascript React
0 vote208 views1 answer
Connect react native app to local api macos
Javascript React
0 vote202 views1 answer
Imagebackground with input inot avoiding react native
Javascript React
0 vote202 views1 answer
React app link description preview
Javascript React
0 vote201 views1 answer
React link onclick refresh page
Javascript React