title: How to handle a change in system level font size on iOS with React Native?
body: <p>We have a situation where if a user decides to increase the "Larger Text" size in iOS Settings (see image below), it then messes up our view layouts in React Native, as the font size will now be larger. </p>
  
  <p>For example here is a ListView row BEFORE changing the "Larger Text" setting in iOS system settings:</p>
  
  <p><a href="https://i.stack.imgur.com/YKNdI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YKNdI.png" alt="enter image description here"></a></p>
  
  <p>And here is the same row AFTER increasing the "Larger Text" setting:</p>
  
  <p><a href="https://i.stack.imgur.com/mzhZg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mzhZg.png" alt="enter image description here"></a></p>
  
  <p>What is best practice to handle such font scale increase in React Native ? This is obviously just one example, and there are other scenario's such as a View that only contains Text, but we do not want to increase the height of that View at runtime. </p>
  
  <p>Appreciate anyone's advice on this, thanks!</p>
  
  <p><a href="https://i.stack.imgur.com/f8pAg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/f8pAg.png" alt="enter image description here"></a></p>