eTS 的Text组件设置文本垂直排列的两种方式

eTS 的Text组件设置文本垂直排列的两种方式

作者“坚果，OpenHarmony布道师，华为云享专家，InfoQ签约作者，润和软件KOL专家，电子发烧友鸿蒙MVP，51CTO博客专家博主，阿里云博客专家，开源项目gin-vue-admin成员之一。

在这里我给大家提供两种方式

第一种，宽度，字体大小一致即可

字体大小和宽度一致即可，保证每行只能容纳一个字体，不用设置高度。

第二种旋转

预览

最后附上完整源码，所以你说的是哪一种呢？

/** * @ProjectName : nutsStudy * @FileName : file * @Author : 坚果 * @Time : 2022/8/9 15:57 * @Description : 文本垂直排列的两种方式 */@Entry@Componentstruct Sample { @State imgList: Array = []; build() { Column() { Blank() //第一种，宽度，字体大小一致即可 Text("大前端之旅").fontSize(30).width(30) Blank()//第二种旋转 Text("大前端之旅").fontSize(30). rotate({x: 0,y: 0,z: 1,angle: 90,centerY: '50%',centerX:"50%"}) }.width("100%").height("80%") }}

interface BlankInterface { (min?: number | string): BlankAttribute;}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。