/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 vote193 views1 answer
Get size of a View in React Native
Javascript React
0 vote152 views1 answer
React hook form submit outside form
Javascript React
0 vote162 views1 answer
Pass params axios get react
Javascript React
0 vote172 views1 answer
React native getting older version assets
Javascript React
1 vote153 views1 answer
React component key prop
Javascript React
1 vote179 views3 answers
Iframe in react
Javascript React
5 votes158 views3 answers
Open in a new tab react
Javascript React
0 vote179 views1 answer
Select checkbox raitng in order javascript React
Javascript React
3 votes154 views1 answer
How to preview a pdf document in react
Javascript React
0 vote147 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React