Minimum width/height in React Native

minHeight, maxHeight, minWidth and maxWidth properties are supported as of react-native version 0.29.0 for iOS and Android.

Here is the maxHeight description from react-native documentation. This description also applies for other min/max style properties.

maxHeight is the maximum height for this component, in
logical pixels.

It works similarly to max-height in CSS, but in React Native you must
use points or percentages. Ems and other units are not supported.

See https://developer.mozilla.org/en-US/docs/Web/CSS/max-height for
more details.

A dummy example:

<View
  style={{
    minWidth: '20%',
    maxWidth: 500,
    minHeight: '10%',
    maxHeight: 150,
  }}
/>

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)