OpenHarmony开发者论坛

标题: 如何实现文本竖向排列 [打印本页]
作者: 一只杨    时间: 2023-10-31 19:55
标题: 如何实现文本竖向排列
[md]【问题描述】

使用Text组件时，无法将文本排列方向设置为竖向排列。

【运行环境】

硬件：RK3568

ROM版本：Openharmony 3.2 Beta5

DevEvoStudio版本：

SDK版本：API 9

[/md]
作者: mean    时间: 2023-11-6 09:24
标题: 如何实现文本竖向排列

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. }
复制代码







欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/) Powered by Discuz! X3.5