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
2022-03-18 13:00:43
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Sampso
1

问题已解决,在外面再嵌套一层布局,设置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)
分享
微博
QQ
微信
回复
2022-03-18 14:17:31
相关问题
ability被异常杀后数据保留怎么弄
1072浏览 • 1回复 待解决
鸿蒙中怎么实现动画翻转效果
5865浏览 • 2回复 待解决
鸿蒙 | Text 内容显示问题
5060浏览 • 5回复 待解决
Java Text控件,如何设置字间距?
1455浏览 • 1回复 待解决
text怎么更改部分文字颜色
1951浏览 • 1回复 待解决
这种流转面板怎么实现? 怎么调用?
2263浏览 • 1回复 待解决
subscribeInfo.setDeviceId()没有效果
630浏览 • 1回复 已解决
怎么折叠的titlebar实现
801浏览 • 1回复 待解决
Gradle怎么实现多productFlavors
2227浏览 • 1回复 待解决
鸿蒙视频压缩怎么实现
4058浏览 • 1回复 待解决
鸿蒙闪屏页的实现怎么实现
252浏览 • 1回复 待解决
求助动画效果问题有懂的吗?
863浏览 • 1回复 待解决
鸿蒙怎么实现UI控件样式复用 ?
2565浏览 • 3回复 待解决
js fa怎么实现录音功能呢?
1621浏览 • 1回复 待解决
鸿蒙怎么实现Android中GridView
3820浏览 • 5回复 待解决