/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 vote191 views1 answer
React input cursor jump end
Javascript React
6 votes193 views1 answer
React state management
Javascript React
2 votes205 views2 answers
Horizontal divider react native
Javascript React
36 votes190 views2 answers
Ref hook in react
Javascript React
1 vote187 views1 answer
React-native init AwesomeProject change port
Javascript React
0 vote200 views1 answer
React native updating options with setoptions
Javascript React
0 vote192 views2 answers
React router how to send data
Javascript React
11 votes187 views4 answers
React native text underline
Javascript React
0 vote212 views1 answer
How to make a github api using react
Javascript React
4 votes235 views1 answer
Multiple click events in react
Javascript React