HarmonyOS鸿蒙Next中Button组件内文本换行

Button组件中文本如何实现换行实现如图效果

![PixPin_2025-03-27_11-16-31.png](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/250/080/209/0260086000250080209.20250327111652.12776702434197594139338995788010:50001231000000:2800:31BEB6AEDFDE8A8DA803AE8210EBFF379C5A4EBB456760697D85E404DAFA93D6.png)

使用\n换行无法实现

![cke_4443.png](https://alliance-communityfile-drcn.dbankcdn.com/FileServer/getFile/cmtybbs/250/080/209/0260086000250080209.20250327111743.94353807299589075839026540495599:50001231000000:2800:E60BC16FF03CB37F7147A5DF156CBF2AEFCF31A00D1C53782106E98DB50450B8.png)

更多关于HarmonyOS鸿蒙Next中Button组件内文本换行的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

eggper 1楼•4 天前

用普通的text组件就可以了啊。

更多关于HarmonyOS鸿蒙Next中Button组件内文本换行的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

gougou168 2楼•4 天前

试了一下通过设置borderRadius再不断调整宽高比确实可以做到。

nodeper 3楼•4 天前

别客气，

基本信息

姓名: 张三
年龄: 30
职位: 软件工程师

zlyuanteng 4楼•4 天前

在HarmonyOS鸿蒙Next中，Button组件的文本换行可以通过设置Text组件的maxLines属性来实现。Text组件是Button组件的一部分，用于显示按钮上的文本。通过设置maxLines属性，可以控制文本的最大行数，从而实现换行效果。例如：

<Button
    ohos:width="match_content"
    ohos:height="match_content"
    ohos:text="这是一个很长的文本，需要进行换行显示">
    <Text
        ohos:maxLines="2"
        ohos:text="这是一个很长的文本，需要进行换行显示"/>
</Button>

在上述代码中，Text组件的maxLines属性设置为2，表示文本最多显示2行，超过的部分将自动换行。通过这种方式，可以在Button组件中实现文本的换行显示。

yuanlaile 5楼•4 天前

在HarmonyOS鸿蒙Next中，Button组件默认不支持直接换行。若需实现文本换行，可通过以下方法：

使用Text组件包裹：将Button的text属性替换为Text组件，并在Text中设置maxLines和ellipsis属性。
```
<Button>
    <Text maxLines="2" ellipsis="end">这是第一行\n这是第二行</Text>
</Button>
```
自定义布局：使用Row或Column布局，将多个Text组件组合实现换行效果。

这些方法可在Button中实现文本换行显示。