写点什么

【HarmonyOS】Text 组件两端对齐

作者:zhongcx
  • 2024-10-09
    广东
  • 本文字数:501 字

    阅读完需:约 2 分钟

在 HarmonyOS 开发过程中,使用 ArkUI 进行 UI 设计时,我们经常需要处理文本的布局问题。本文将介绍如何使用 HarmonyOS 的 Text 组件实现两端对齐的效果。

@Entry@Componentstruct 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%') }}
复制代码


用户头像

zhongcx

关注

还未添加个人签名 2024-09-27 加入

还未添加个人简介

评论

发布
暂无评论
【HarmonyOS】Text组件两端对齐_zhongcx_InfoQ写作社区