Max Width
Limit the maximum width of elements.
Import​
src/screens/Component.js
import { w } from "nativeflowcss";
Properties​
| Object | Native Properties |
|---|---|
| w.max_0 | { maxWidth: 0 } |
| w.max_1 | { maxWidth: 4 } |
| w.max_2 | { maxWidth: 8 } |
| w.max_3 | { maxWidth: 12 } |
| w.max_4 | { maxWidth: 16 } |
| w.max_5 | { maxWidth: 20 } |
| w.max_6 | { maxWidth: 24 } |
| w.max_7 | { maxWidth: 28 } |
| w.max_8 | { maxWidth: 32 } |
| w.max_9 | { maxWidth: 36 } |
| w.max_10 | { maxWidth: 40 } |
| w.max_11 | { maxWidth: 44 } |
| w.max_12 | { maxWidth: 48 } |
| w.max_14 | { maxWidth: 56 } |
| w.max_16 | { maxWidth: 64 } |
| w.max_20 | { maxWidth: 80 } |
| w.max_24 | { maxWidth: 96 } |
| w.max_28 | { maxWidth: 112 } |
| w.max_32 | { maxWidth: 128 } |
| w.max_36 | { maxWidth: 144 } |
| w.max_40 | { maxWidth: 160 } |
| w.max_44 | { maxWidth: 176 } |
| w.max_48 | { maxWidth: 192 } |
| w.max_52 | { maxWidth: 208 } |
| w.max_56 | { maxWidth: 224 } |
| w.max_60 | { maxWidth: 240 } |
| w.max_64 | { maxWidth: 256 } |
| w.max_72 | { maxWidth: 288 } |
| w.max_80 | { maxWidth: 320 } |
| w.max_96 | { maxWidth: 384 } |
Custom Max Widths​
Custom properties are usually rendered using _(customValue)
Max Width in React Native does not support
%unit as of now
| Object | Native Properties |
|---|---|
| w.max_(customValue) | { maxWidth: customValue } |