#鸿蒙通关秘籍#如何动态调整列表高度以适应新闻标题的高度变化?

HarmonyOS
2024-12-03 10:45:26
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
紫霞仙子CSS

通过监听新闻标题的onAreaChange事件来动态计算新闻列表的高度,从而保持滚动效果的稳定。当新闻标题的高度变化时,重新计算新闻列表的高度,确保联动滚动的效果。

Text(this.currentPlayNews.newsName)
    ...
    .onAreaChange((oldValue: Area, newValue: Area) => {
        if (oldValue.height !== newValue.height) {
            const newsNameHeight = newValue.height as number;
            const videoCardVerticalMargin = Constants.VIDEO_CARD_MARGIN_TOP + Constants.VIDEO_CARD_MARGIN_BOTTOM;
            const videoCardHeight = newsNameHeight + Constants.VIDEO_CONTROL_HEIGHT;
            this.newsListHeight = this.scrollHeight - videoCardHeight - videoCardVerticalMargin;
        }
    })
分享
微博
QQ
微信
回复
2024-12-03 12:50:20
相关问题
HarmonyOS 高度适应
402浏览 • 1回复 待解决
HarmonyOS web高度适应内容高度
246浏览 • 1回复 待解决
HarmonyOS 高度适应问题
442浏览 • 1回复 待解决
HarmonyOS 如何动态计算Text高度
134浏览 • 1回复 待解决
Web组件如何实现高度适应
1176浏览 • 1回复 待解决
Grid组件如何实现高度适应
3387浏览 • 1回复 待解决
嵌套ForEach不能自动适应高度
716浏览 • 1回复 待解决
HarmonyOS GridItem自适应高度问题
497浏览 • 1回复 待解决
HarmonyOS RelativeContainer自适应高度相关
153浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
134浏览 • 1回复 待解决