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

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 web高度适应内容高度
426浏览 • 1回复 待解决
HarmonyOS list嵌套tab中列表高度变化
134浏览 • 1回复 待解决
HarmonyOS 高度适应
483浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
104浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
230浏览 • 1回复 待解决
HarmonyOS 高度适应问题
570浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
211浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
115浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
696浏览 • 1回复 待解决
HarmonyOS Web高度适应问题
1032浏览 • 1回复 待解决
HarmonyOS 如何动态计算Text高度
196浏览 • 1回复 待解决
Web组件如何实现高度适应
1277浏览 • 1回复 待解决
Grid组件如何实现高度适应
3489浏览 • 1回复 待解决