flex

flex. flutter-flex for layout

Example

bxml

Code
<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' | 'stretch' | 'baseline' | | "stretch" | | direction | 'row' | 'column' | | "row" | | column-gap | number | | | | row-gap | number | | | | gap | number | | | | justify-content | 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | | "start" | | wrap | 'nowrap' | 'wrap' | | "nowrap" | | text-base-line | 'alphabetic' | 'ideographic' | | "alphabetic" |