/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

0 vote223 views1 answer
How react work
Javascript React
0 vote229 views2 answers
React native bottom sheet example
Javascript React
5 votes241 views1 answer
Import suspence from react
Javascript React
0 vote236 views1 answer
`ForwardRef(ListboxComponent)`, expected a ReactNode. at ListboxComponent
Javascript React
1 vote229 views1 answer
How to change the tab text in React
Javascript React
4 votes263 views2 answers
Linking in react native
Javascript React
0 vote221 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
6 votes229 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote219 views1 answer
Returned data has p tags react
Javascript React
68 votes245 views4 answers
Inline styling react
Javascript React