HarmonyOS 鸿蒙Next: Textinput里怎么放置一个查询按钮 居右侧 不是一键清空按钮

HarmonyOS 鸿蒙Next: Textinput里怎么放置一个查询按钮 居右侧 不是一键清空按钮 Textinput里怎么放置一个查询按钮   居右侧  不是一键清空按钮

5 回复

用search组件试试呢

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-basic-components-search-V13#searchbutton

更多关于HarmonyOS 鸿蒙Next: Textinput里怎么放置一个查询按钮 居右侧 不是一键清空按钮的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


好的谢谢，

基本信息
姓名: 张三
职位: 软件工程师
技能: Python, Java, C++

工作经验
公司: ABC有限公司
职位: 软件开发工程师
时间: 2018-2022
描述: 负责软件的设计与开发，参与项目管理。

教育背景
学校: 清华大学
学位: 工学学士
专业: 计算机科学与技术
时间: 2014-2018

去除 textinput 边框，用 Row 自己画一个

好的谢谢，

在HarmonyOS鸿蒙Next中，要在TextInput组件右侧放置一个查询按钮而不是一键清空按钮，可以通过自定义TextInput的Button属性实现。你可以使用Button组件，并通过layout属性将按钮放置在TextInput的右侧。

以下是示例代码：

<TextInput
    ohos:id="$+id:text_input"
    ohos:width="match_parent"
    ohos:height="50vp"
    ohos:hint="请输入内容"
    ohos:background_element="#FFFFFF"
    ohos:padding_end="10vp"/>

<Button
    ohos:id="$+id/query_button"
    ohos:width="50vp"
    ohos:height="50vp"
    ohos:text="查询"
    ohos:background_element="#CCCCCC"
    ohos:layout_align_parent_end="true"/>

在这个示例中，TextInput组件和Button组件通过right_of和left_of属性进行布局，确保按钮位于TextInput的右侧。你可以根据需要调整按钮的样式和功能。

回到顶部