/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 vote154 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
0 vote152 views1 answer
How to add icon in react
Javascript React
0 vote145 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote164 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
0 vote172 views1 answer
React native calender date picker
Javascript React
3 votes141 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
0 vote111 views2 answers
React filter buttons
Javascript React
-1 vote143 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote146 views1 answer
React native scrollview fixed header
Javascript React
0 vote191 views1 answer
Login condition if and else in router dom of react jsx
Javascript React