【HarmonyOS】Text 组件两端对齐
作者:zhongcx
- 2024-10-09 广东
本文字数:501 字
阅读完需:约 2 分钟
在 HarmonyOS 开发过程中,使用 ArkUI 进行 UI 设计时,我们经常需要处理文本的布局问题。本文将介绍如何使用 HarmonyOS 的 Text 组件实现两端对齐的效果。
@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%')
}
}
复制代码
划线
评论
复制
发布于: 刚刚阅读数: 4
zhongcx
关注
还未添加个人签名 2024-09-27 加入
还未添加个人简介
评论