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

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 list嵌套tab中列表高度变化
1024浏览 • 1回复 待解决
HarmonyOS web高度适应内容高度
1592浏览 • 1回复 待解决
鸿蒙如何监听键盘高度变化
538浏览 • 1回复 待解决
HarmonyOS 高度适应
1349浏览 • 1回复 待解决
HarmonyOS 如何实现自适应web高度
967浏览 • 1回复 待解决
HarmonyOS RichText自适应高度
1076浏览 • 1回复 待解决
HarmonyOS 高度适应问题
1345浏览 • 1回复 待解决
HarmonyOS 如何动态计算Text高度
1072浏览 • 1回复 待解决
Web组件如何实现高度适应
1982浏览 • 1回复 待解决
Grid组件如何实现高度适应
4467浏览 • 1回复 待解决
HarmonyOS RichText能否自适应高度
832浏览 • 1回复 待解决
HarmonyOS Web高度适应问题
2015浏览 • 1回复 待解决
HarmonyOS RelativeContainer无法自适应高度
1534浏览 • 1回复 待解决
HarmonyOS webview高度不能自适应
1010浏览 • 1回复 待解决