HarmonyOS 鸿蒙Next 超长文本显示，期望scroll组件总是显示底部

发布于 1周前 作者 htzhanglong 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 超长文本显示，期望scroll组件总是显示底部

希望实现一个类似shell窗口的组件，去显示动态文字，并一直聚焦在底部。

我使用scroll组件实现了这个，但是不操作的情况下一直显示的是顶部，如何设置scroll组件让他一直显示底部呢

或者有其他能实现这个功能的方案

cke_1651.png


更多关于HarmonyOS 鸿蒙Next 超长文本显示，期望scroll组件总是显示底部的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
5 回复 
@Entry
@ComponentV2
struct Index {
  @Local list: number[] = []
  scroller: Scroller = new Scroller()

  build() {
    Column() {
      Button('add').onClick(() => {
        this.list.push(this.list.length)

        this.scroller.scrollTo({
          yOffset: this.scroller.getItemRect(0).height,
          xOffset: 0
        })
      })
      Scroll(this.scroller) {
        Column() {
          ForEach(this.list, (item: number) => {
            Text(item.toString())
              .width('100%')
              .height('300vp')
              .backgroundColor(Color.Yellow)
          })
        }
      }.backgroundColor(Color.Pink)
    }.size({ width: '100%', height: '100%' })
    .justifyContent
    (FlexAlign.End)
  }
}

更多关于HarmonyOS 鸿蒙Next 超长文本显示，期望scroll组件总是显示底部的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


感谢！就是这个效果

用list吧，然后最底下放一个listitem，然后用
深色代码主题
复制
scrollToIndex

这个来实现

感谢！

在HarmonyOS鸿蒙Next系统中，实现超长文本显示且scroll组件总是显示底部，可以通过以下方式实现：

  1. 设置ScrollView：首先，确保你的布局文件中包含一个ScrollView或类似的滚动容器，用于承载文本内容。

  2. 文本布局：在ScrollView内部，使用Text组件显示长文本。为了确保文本能够垂直滚动，ScrollView的scroll_direction属性应设置为vertical。

  3. 滚动到底部：在文本内容加载或页面初始化完成后，通过编程方式滚动到ScrollView的底部。可以使用ScrollView的scrollTo()方法，并传入底部位置的Y坐标（通常是ScrollView的高度减去文本内容顶部到ScrollView顶部的距离）。

  4. 监听文本变化：如果文本内容动态变化，需要监听文本变化事件，并在内容更新后重新滚动到底部。

示例代码（伪代码，具体实现需根据鸿蒙开发框架调整）：

// 假设scrollView是ScrollView的引用，text是Text组件的引用
scrollView.scrollTo({ x: 0, y: scrollView.height - text.offsetTop });

注意：上述代码仅为示意，实际开发中需根据鸿蒙系统的API和组件特性进行调整。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部