写点什么

eTS UI 的 Text 组件怎么设置文本垂直排列

作者:坚果
  • 2022 年 8 月 12 日
    浙江
  • 本文字数:369 字

    阅读完需:约 1 分钟

eTS UI 的 Text 组件怎么设置文本垂直排列

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


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


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


第二种旋转

预览


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


/**  * @ProjectName : nutsStudy  * @FileName :  file  * @Author : 坚果  * @Time : 2022/8/9 15:57  * @Description : 文本垂直排列的两种方式 */

@Entry@Componentstruct Sample { @State imgList: Array<string> = []; 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%") }}
复制代码


发布于: 9 小时前阅读数: 13
用户头像

坚果

关注

此间若无火炬,我便是唯一的光 2020.10.25 加入

公众号:“大前端之旅”,华为云享专家,InfoQ签约作者,51CTO博客首席体验官,专注于大前端技术的分享,包括Flutter,小程序,安卓,VUE,JavaScript。

评论

发布
暂无评论
eTS UI的Text组件怎么设置文本垂直排列_开源_坚果_InfoQ写作社区