Row of openharmony container components

Row: Containers laid out horizontally

Row(value:{space?: Length}) //space: horizontal layout element spacing, the default is 0
Row property:
1, alignItems (alignment format of child components in the vertical direction)
2, justifyContent8+ (set the alignment format of subcomponents in the horizontal direction)

The code above:

@[email protected] ColumnT {build() {Column() {Text('space').fontSize(9).fontColor(0x000000).width('90%')//space: horizontal layout element spacingRow({ space: 5 }) {Text().width('30%').height(30).backgroundColor(0xAFEEEE)Text().width('30%').height(30).backgroundColor(0x00FFFF)}.width('90%').height(80).border({ width: 1 })Text('alignItems').fontSize(9).fontColor(0x000000).width('90%')//alignItems: The alignment format of subcomponents in the vertical direction (properties are: Start, Center, End), default (Center)Row({ space: 5 }) {Text().width('30%').height(30).backgroundColor(0xAFEEEE)Text().width('30%').height(30).backgroundColor(0x00FFFF)}.alignItems(VerticalAlign.Center).width('90%').height(80).border({ width: 1 })Text('justifyContent').fontSize(9).fontColor(0x000000).width('90%')//justifyContent: Set the alignment format of the child component in the horizontal directionRow() { //Note: The space attribute cannot be added here, the justifyContent attribute will be invalid after adding (based on sdk8)Text().width('30%').height(30).backgroundColor(0xAFEEEE)Text().width('30%').height(30).backgroundColor(0x00FFFF)}.width('90%').height(80).border({ width: 1 }).justifyContent(FlexAlign.End)}.width('100%').height('100%')}}