HarmonyOS 鸿蒙Next RichText 字体设置大小后和Text控件显示的不一样大小

发布于 1周前 作者 htzhanglong 来自 鸿蒙OS

HarmonyOS 鸿蒙Next RichText 字体设置大小后和Text控件显示的不一样大小

txtSize = 20
let txtS = fp2px(txtSize)


RichText 加上数据

html内容
<font color="${txtColor}" size="${txtS}"> ${newContent} </font>


Text(this.htmlStr)
.fontSize(this. txtSize )

显示的字体大小不一致

2 回复
你好,因为在标签中font size能够设置的值只有1到7的数字,默认值是3,由于标签在HTML 4.01中不建议使用,在XHTML1.0 Strict DTD中不支持,所以不建议使用此标签,请使用CSS代替。CSS语法:<p style="font-size: 50px">,

参考demo:

[@Component](/user/Component)
[@Entry](/user/Entry)
struct Index {
[@State](/user/State) textStr: string = ''

build() { Column() { Text(‘创建文件’).fontSize(‘100px’).width(300) RichText(’<p style=“font-size: 100px”>创建文件</p>’).width(300) } } }

作为IT专家,对于HarmonyOS 鸿蒙Next中RichText与Text控件字体大小显示不一致的问题,分析如下:

在HarmonyOS鸿蒙Next系统中,RichText组件与Text控件在字体大小设置上可能存在差异,这主要是由于两者的渲染机制和适用场景不同。RichText组件主要用于加载和显示HTML字符串,其字体大小可能受到HTML标签和样式的影响;而Text控件则更侧重于简单的文本显示,其字体大小设置相对直接。

当在RichText中设置的字体大小与Text控件不一致时,可能是由于RichText中的HTML内容包含了影响字体大小的样式信息,或者RichText组件本身在处理字体大小时存在特定的逻辑。

如果问题依旧没法解决请联系官网客服,官网地址是: https://www.itying.com/category-93-b0.html

回到顶部