/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

1 vote138 views1 answer
Create functional component react
Javascript React
3 votes124 views3 answers
React ReferenceError: regeneratorRuntime is not defined
Javascript React
0 vote126 views1 answer
Loop number in react
Javascript React
0 vote133 views1 answer
Out of memory gc overhead limit exceeded. react native
Javascript React
0 vote126 views1 answer
Global keyboard shortcuts react
Javascript React
9 votes123 views1 answer
Create react app in current folder
Javascript React
1 vote119 views1 answer
React navigation asyncstorage install
Javascript React
0 vote118 views1 answer
React-beforeunload react navive
Javascript React
-2 votes143 views1 answer
You are running Node 8.10.0. Create React App requires Node 10 or higher. Please update your version of Node.
Javascript React
0 vote132 views1 answer
Get nested value on object react using dot
Javascript React