README
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
- 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' } |