HarmonyOS 当scroll标签嵌套RichText标签时高度冲突

当scroll标签嵌套RichText标签时,给外层的scroll标签一个高度,没有给RichText设置高度,想让它完整展示,实现可以滑动展示的效果,但是RichText标签会自己设置一个在界面内的高度并自动形成一个滑动效果,并且会与scroll滑动冲突。

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

RichText组件暂时不支持高度自适应,可以使用web组件加载富文本。参考示例如下:

import web_webview from '@ohos.web.webview'

@Entry
@Component
struct Page_240801215234134 {
  @State message: string = "<p>\n" +
    " 一套代码工程,一次开发上架,多端按需部署,为用户呈现多设备统一且卓越的使用体验。</p>\n";
  webviewController: web_webview.WebviewController = new web_webview.WebviewController();

  build() {
    Scroll() {
      Column() {
        Web({ src: '', controller: this.webviewController })
          .layoutMode(WebLayoutMode.FIT_CONTENT)
          .onAppear(() => {
            this.webviewController.loadData(
              this.message,
              "text/html",
              "UTF-8",
              "",
              ""
            )
          })

        List() {
          ForEach([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11], (item: number) => {
            ListItem() {
              Text(item.toString())
                .height(200)
            }
          })
        }
      }
    }.width("100%")
    .height("100%")
  }
}

需要给web组件添加二条属性:renderMode:

RenderMode.SYNC_RENDER以及.layoutMode(WebLayoutMode.FIT_CONTENT)
Web({ src: '', controller: this.webviewController, renderMode: RenderMode.SYNC_RENDER })
  .layoutMode(WebLayoutMode.FIT_CONTENT)

具体可参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-web-V5#layoutmode11

分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS Scroll嵌套web手势冲突
149浏览 • 1回复 待解决
HarmonyOS Scroll嵌套List滑动事件冲突
152浏览 • 1回复 待解决
RichText组件font标签size属性不符合预期
2038浏览 • 1回复 待解决
HarmonyOS 标签效果切换功能
30浏览 • 1回复 待解决
怎样实现XML标签标签值的解析?
455浏览 • 1回复 待解决
html sms标签跳转丢失&符号后内容
3057浏览 • 1回复 待解决
HarmonyOS 嵌套滚动冲突
274浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
158浏览 • 1回复 待解决
HarmonyOS Span标签样式问题
519浏览 • 1回复 待解决
HarmonyOS input标签怎么调起系统相册
188浏览 • 1回复 待解决
HarmonyOS 如何读取网页中标签数据?
291浏览 • 1回复 待解决
HarmonyOS 视频标签信息布局如何实现
25浏览 • 1回复 待解决
HarmonyOS Html文本标签解析器
183浏览 • 1回复 待解决
HarmonyOS scroll和list滚动冲突
546浏览 • 1回复 待解决