HarmonyOS 鸿蒙Next 有个框,里面显示文本支持换行,不能编辑,只支持查看,超过一定高度就支持垂直滚动 用啥控件
HarmonyOS 鸿蒙Next 有个框,里面显示文本支持换行,不能编辑,只支持查看,超过一定高度就支持垂直滚动 用啥控件
@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
在HarmonyOS鸿蒙Next中,实现一个显示文本支持换行、不可编辑、仅查看、超过一定高度支持垂直滚动的控件,可以使用Text
组件配合ScrollView
组件来实现。
具体做法如下:
- 使用
ScrollView
作为外层容器,设置其方向为垂直滚动。 - 在
ScrollView
内部放置一个Text
组件。 - 配置
Text
组件的文本内容,并设置其允许换行(allowLineBreak
属性设为true
),同时确保其不可编辑。 - 根据需求设置
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