HarmonyOS 鸿蒙Next Text()组件实现首行缩进，在文本第一行开头放一个标签

HarmonyOS 鸿蒙Next Text()组件实现首行缩进，在文本第一行开头放一个标签 如下图是想要实现的效果

cke_759.png

这段代码,是在文本第一行开头添加了空格,但是感觉这种实现方法不妥,是否有更好的实现方式?

@Entry
@Component
struct ListImageArticle {
  build() {
    Stack({ alignContent: Alignment.TopStart }) {
      Column() {
        Image($r('app.media.app_icon')).width(24).zIndex(1)
      }.height(18).justifyContent(FlexAlign.Center)

      Text('      焦点访谈：尊崇宪法精神 厚植法治文化, 焦点访谈：尊崇宪法精神 厚植法治文化,焦点访谈：尊崇宪法精神 厚植法治文化,')
        .maxLines(2).textOverflow({ overflow: TextOverflow.Ellipsis }).layoutWeight(1)
    }
  }
}

更多关于HarmonyOS 鸿蒙Next Text()组件实现首行缩进，在文本第一行开头放一个标签的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

API10可以解决

更多关于HarmonyOS 鸿蒙Next Text()组件实现首行缩进，在文本第一行开头放一个标签的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


谢谢, 能解决就好(咱现在还没资格用API10,)

.textIndent(fontsize倍数)

在现在的API9的开发规范里面，我是在Text的组件下面加了一空格

Text(){

   这是要显示的内容

}

在论坛中找到了解决办法,也是通过空格的方式,不过是通过计算得到的,比较合理!

用首行缩进是不是比计算空格好一点，

请问怎么实现首行缩进，

在HarmonyOS中，Text()组件可以通过使用\u3000（全角空格）来实现首行缩进。全角空格相当于两个半角空格，可以在文本的第一行开头插入\u3000来实现缩进效果。例如：

Text('\u3000这是首行缩进的文本内容。')
  .fontSize(16)
  .fontColor(Color.Black)

这样，文本的第一行将会有明显的缩进效果。

回到顶部