HarmonyOS 鸿蒙Next 有个框,里面显示文本支持换行,不能编辑,只支持查看,超过一定高度就支持垂直滚动 用啥控件

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

HarmonyOS 鸿蒙Next 有个框,里面显示文本支持换行,不能编辑,只支持查看,超过一定高度就支持垂直滚动 用啥控件

有个框,里面显示文本支持换行,不能编辑,只支持查看, 超过一定高度就支持垂直滚动 用啥控件

3 回复
直接scroll内层嵌套一个text这样,参考demo
深色代码主题
复制
@Component

@Entry

struct Index{

  @State message:string =‘111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111’

  build() {

    Scroll(){

      Text(this.message).fontSize(20)

    }.height(100)

  }

}

更多关于HarmonyOS 鸿蒙Next 有个框,里面显示文本支持换行,不能编辑,只支持查看,超过一定高度就支持垂直滚动 用啥控件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


使用scroll包着text设置maxline,不知道这样行不行

在HarmonyOS鸿蒙Next中,实现一个显示文本支持换行、不可编辑、仅查看、超过一定高度支持垂直滚动的控件,可以使用Text组件配合ScrollView组件来实现。

具体做法如下:

  1. 使用ScrollView作为外层容器,设置其方向为垂直滚动。
  2. ScrollView内部放置一个Text组件。
  3. 配置Text组件的文本内容,并设置其允许换行(allowLineBreak属性设为true),同时确保其不可编辑。
  4. 根据需求设置ScrollView的高度,当文本内容超过该高度时,滚动条将自动出现。

示例代码片段(XML布局):

<ScrollView
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical"
    ohos:scroll_bar_visibility="vertical">
    <Text
        ohos:id="$+id:text_view"
        ohos:height="wrap_content"
        ohos:width="match_parent"
        ohos:text="Your long text here"
        ohos:allow_line_break="true"
        ohos:editable="false"/>
</ScrollView>

这段代码创建了一个垂直滚动的视图,其中包含一个不可编辑、支持换行的文本组件。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部