HarmonyOS 聊天列表组件

聊天内容列表展示,最新内容在底部,下拉看历史消息,建议是用 list吗?初始化界面需要自己通过scroller控制滑动底部,还说有什么其他便捷API?

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

可以使用list组件进行列表展示,并通过list的initialIndex参数实现优先显示在底部的最新内容,示例demo如下:

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @State list: string[] = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11']

  build() {
    Column() {

      List({ space: 10, initialIndex: this.list.length - 1 }) {
        ForEach(this.list, (item: string) => {
          ListItem() {
            Text(item).fontSize(20).fontWeight(FontWeight.Bold).textAlign(TextAlign.Center)
          }.height(400).width('100%').backgroundColor(Color.Orange)
        })
      }
    }
    .width("100%")
    .height("100%")
    .justifyContent(FlexAlign.Center)
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS 下拉聊天数据加载更多实现
44浏览 • 1回复 待解决
HarmonyOS 如何实现一个气泡聊天
448浏览 • 1回复 待解决
List列表组件如何改为横向显示的?
969浏览 • 1回复 待解决
分组列表实践(嵌套列表
1095浏览 • 1回复 待解决
HarmonyOS 滚动列表问题
53浏览 • 1回复 待解决
HarmonyOS 滚动列表问题?
173浏览 • 0回复 待解决
HarmonyOS RN三方库列表对应CAPI库列表
511浏览 • 1回复 待解决
HarmonyOS 列表实现方案
69浏览 • 1回复 待解决
HarmonyOS 列表联动交互
54浏览 • 1回复 待解决
HarmonyOS 列表选择问题
24浏览 • 1回复 待解决