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

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

HarmonyOS
2024-01-20 11:42:41
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
RipperJohn

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

代码示例

@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组件

分享
微博
QQ
微信
回复
2024-01-21 00:44:50
相关问题
Input组件是否支持设置文本居中对齐
260浏览 • 1回复 待解决
修改分段按钮样式为圆角矩形
50浏览 • 1回复 待解决
设置组件不同状态下的样式
415浏览 • 1回复 待解决
如何设置组件不同状态下的样式
430浏览 • 1回复 待解决
Text组件是否支持多行显示
342浏览 • 1回复 待解决
TabContent组件是否支持预加载
186浏览 • 1回复 待解决
通用属性width是否支持设置变量
366浏览 • 1回复 待解决
Web组件是否支持VUE和React
200浏览 • 1回复 待解决
Web组件是否支持离屏渲染
158浏览 • 0回复 待解决
Refresh组件支持设置nestedScroll属性
223浏览 • 1回复 待解决
鸿蒙IndexBar如何设置字体大小?
5423浏览 • 1回复 待解决
动态设置文本导致致命错误
5563浏览 • 1回复 待解决