Text实现scroll效果怎么弄？

需要使用eTs实现text段落在固定height中可以有scroll效果。

Scroll(this.scroller) {
  Column() {
    Text("This text box is scrollable thanks to being situated inside a nested scroll view. That makes it scrollable regardless of the scrolling of the content of the entire screen, which can be scrolled independently.\nThe point here is to demonstrate how the over-scroll effect can work in the presence of nested scroll-views, provided it is applied over the parent (root) view, regardless of having inner nested scroll-views as children.\nIn this demo, the root view is merely a ScrollView, and therefore applying the effect over it is straightforward (i.e. using the OverScrollHelper).")
      .width("100%").height("100%").textOverflow({ overflow: TextOverflow.None })
      .fontSize(22).fontWeight(600).fontColor("#727171")
  }.padding(14).width("100%").height(200)
}.scrollBar(BarState.Off)

上述代码子组件的height明显大于父组件，但是没有滚动效果。

鸿蒙

滚动

Text

chapling

2022-03-18 13:00:43

浏览

回答 1

待解决

回答 1

按赞同

按时间

Sampso

问题已解决，在外面再嵌套一层布局，设置height就行了

Column() {
  Scroll(this.scroller) {
    Flex() {
      Text("This text box is scrollable thanks to being situated inside a nested scroll view. That makes it scrollable regardless of the scrolling of the content of the entire screen, which can be scrolled independently.\nThe point here is to demonstrate how the over-scroll effect can work in the presence of nested scroll-views, provided it is applied over the parent (root) view, regardless of having inner nested scroll-views as children.\nIn this demo, the root view is merely a ScrollView, and therefore applying the effect over it is straightforward (i.e. using the OverScrollHelper).")
        .fontSize(22).fontWeight(600).fontColor("#727171")
    }.padding(14).width("100%")
  }.scrollBar(BarState.Off)
}.width("100%").height(200)