min width react native

Solutions on MaxInterview for min width react native by the best coders in the world

showing results for - "min width react native"
Isabel
03 Jan 2021
1minHeight, maxHeight, minWidth and maxWidth properties are supported as of react-native version 0.29.0 for iOS and Android.
2
3Here is the maxHeight description from react-native documentation. This description also applies for other min/max style properties.
4
5maxHeight is the maximum height for this component, in logical pixels.
6
7It works similarly to max-height in CSS, but in React Native you must use points or percentages. Ems and other units are not supported.
8
9See https://developer.mozilla.org/en-US/docs/Web/CSS/max-height for more details.
10
11A dummy example:
12
13<View
14  style={{
15    minWidth: '20%',
16    maxWidth: 500,
17    minHeight: '10%',
18    maxHeight: 150,
19  }}
20/>