/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

105 votes288 views3 answers
React bootstrap do you need to import
Javascript React
0 vote265 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote284 views1 answer
Try catch in react native
Javascript React
0 vote265 views1 answer
Svelte reactive async
Javascript React
0 vote282 views1 answer
Decet wheter react app in development or production
Javascript React
0 vote274 views1 answer
Format react code in visual studio code
Javascript React
8 votes274 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote279 views1 answer
How to convert react component to image
Javascript React
0 vote286 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
2 votes249 views1 answer
React html input required conditional
Javascript React