【HarmonyOS】Text组件两端对齐

实现Text组件中文本两端对齐方案

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

@Entry @Component struct Page29 {   @State str_1 :string  = '文本内容'   @State str_2 :string  = '文本内容文本内容abcd1234也对也不对，八荣八耻。'   build() {     Column() {       Text('单行效果')       Flex({ direction: FlexDirection.Row, wrap: FlexWrap.Wrap, justifyContent: FlexAlign.SpaceBetween }) {         ForEach(this.str_1.split(''), (item: string, index: number) => {           Text(item)             .fontSize(14)         })       }.width(100)       .backgroundColor(Color.Pink)         Text('多行效果')       Flex({ direction: FlexDirection.Row, wrap: FlexWrap.Wrap, justifyContent: FlexAlign.SpaceBetween }) {         ForEach(this.str_2.split(''), (item: string, index: number) => {           Text(item)             .fontSize(14)         })       }.width(100)       .backgroundColor(Color.Pink)     }     .height('100%')     .width('100%')   } }