flex
flex. flutter-flex for layout
Example
bxml
<theme-context>
<view class='container'>
<flex direction='row' justify='center' align='center'>
<view>inner text</view>
<view>inner text</view>
<view>inner text</view>
</flex>
</view>
</view>
</theme-context>
Props
Name | Type | Description | Default |
---|---|---|---|
align-items | `'start' | 'center' | 'end' |
direction | `'row' | 'column'` | |
column-gap | number | ||
row-gap | number | ||
gap | number | ||
justify-content | `'start' | 'center' | 'end' |
wrap | `'nowrap' | 'wrap'` | |
text-base-line | `'alphabetic' | 'ideographic'` |