React Native bootstrap

How to use

Bộ bootraps này sử dụng HOCs duyệt đệ qui tree element của react và bóc tách props "cls" hoặc props có hậu tố "Cls" để convert sang style định sẵn.

Static styles

1. Flexbox

| prefix | detail | note | | --------------- | ------------------------------------- | ---- | | flx-i | { flex : 1 } | | flx-grow | { flexGrow: 1 } | | flx-row | { flexDirection: 'row' } | | flx-row-reverse | { flexDirection: 'row-reverse' } | | flx-col-reverse | { flexDirection: 'column-reverse' } | | flx-wrap | { flexWrap: 'wrap' } | | aifs | { alignItems: 'flex-start' } | | aic | { alignItems: 'center' } | | aife | { alignItems: 'flex-end' } | | asfs | { alignSelf: 'flex-start' } | | asc | { alignSelf: 'center' } | | asfe | { alignSelf: 'flex-end' } | | ass | { alignSelf: 'stretch' } | | jcfs | { justifyContent: 'flex-start' } | | jcc | { justifyContent: 'center' } | | jcfe | { justifyContent: 'flex-end' } | | jcsb | { justifyContent: 'space-between' } | | jcsa | { justifyContent: 'space-around' } |

Dyamic styles

Maintainer

Thanh Pham