文本组件是否支持分段设置字体样式?

Question

文本组件是否支持分段设置字体样式

Answer 1

解决措施

单个组件只能设置一种字体样式，但是可以通过多个组件来实现一行文本展示不同样式。

代码示例

@Entry 
@Component 
struct TestDemoPage { 
  @State message: string = "Hello World"; 
 
  build() { 
    Row() { 
      Column() { 
        Text() { 
          Span('测试文本: ') 
            .fontSize(20) 
            .fontWeight(FontWeight.Bolder) 
            .fontColor(Color.Black) 
          Span(this.message) 
            .fontSize(15) 
            .fontColor(Color.Red) 
        } 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}

参考文档

Text组件