Flex Basis

Set initial size before elements grow or shrink.

Import

src/screens/Component.js

import { flex } from "nativeflowcss";

Properties

Object	Native Properties
flex.basis_auto	{ flexBasis: 'auto' }
flex.basis_px	{ flexBasis: 1 }
flex.basis_0	{ flexBasis: 0 }
flex.basis_1	{ flexBasis: 4 }
flex.basis_2	{ flexBasis: 8 }
flex.basis_3	{ flexBasis: 12 }
flex.basis_4	{ flexBasis: 16 }
flex.basis_5	{ flexBasis: 20 }
flex.basis_6	{ flexBasis: 24 }
flex.basis_7	{ flexBasis: 28 }
flex.basis_8	{ flexBasis: 32 }
flex.basis_9	{ flexBasis: 36 }
flex.basis_10	{ flexBasis: 40 }
flex.basis_11	{ flexBasis: 44 }
flex.basis_12	{ flexBasis: 48 }
flex.basis_14	{ flexBasis: 56 }
flex.basis_16	{ flexBasis: 64 }
flex.basis_20	{ flexBasis: 80 }
flex.basis_24	{ flexBasis: 96 }
flex.basis_28	{ flexBasis: 112 }
flex.basis_32	{ flexBasis: 128 }
flex.basis_36	{ flexBasis: 144 }
flex.basis_40	{ flexBasis: 160 }
flex.basis_44	{ flexBasis: 176 }
flex.basis_48	{ flexBasis: 192 }
flex.basis_52	{ flexBasis: 208 }
flex.basis_56	{ flexBasis: 224 }
flex.basis_60	{ flexBasis: 240 }
flex.basis_64	{ flexBasis: 256 }
flex.basis_72	{ flexBasis: 288 }
flex.basis_80	{ flexBasis: 320 }
flex.basis_96	{ flexBasis: 384 }

Custom Flex Basis

Custom properties are usually rendered using _(customValue)

For flexBasis input type is number, except 'auto' being the only string input

Object	Native Properties
flex.basis_(customValue)	{ flaxBasis: customValue }