• Lv0
    粉丝1

积分91 / 贡献0

提问37答案被采纳3文章0

如何实现文本竖向排列

mean

沙发 发表于 2023-11-6 09:24:18

如何实现文本竖向排列


Text组件当前文本排列方向固定为横向排列,要设置为竖向排列,可将文件拆分,使用Flex容器组件装填,设置主轴方向为竖向。
  1. @Entry
  2. @Component
  3. struct Index15 {
  4.   private message: string = '本文档适用于应用开发的初学者。通过构建一个简单的具有页面跳转/返回功能的应用,快速了解工程目录的主要文件,熟悉应用开发流程。';
  5.   build() {
  6.     Flex({ direction: FlexDirection.Column, wrap: FlexWrap.Wrap }) {
  7.       ForEach(this.message.split(''), (item, index) => {
  8.         Text(item)
  9.           .fontSize(30)
  10.           .flexShrink(0)
  11.       })
  12.     }
  13.   }
  14. }
复制代码



Copyright   ©2023  OpenHarmony开发者论坛  京ICP备2020036654号-3 |技术支持 Discuz!

返回顶部