HarmonyOS 鸿蒙Next Search组件 icon图标如何隐藏 placeholder和value的文本如何设置左边距

HarmonyOS 鸿蒙Next Search组件 icon图标如何隐藏 placeholder和value的文本如何设置左边距 如图这个,search组件自带的icon不隐藏会影响美观程度

想到的解决办法就是,设置icon为一个透明的图片,

如下图,透明图可以隐藏图片,但是search中的文本位置不对! 请问有什么办法,可以修改文本的位置?


更多关于HarmonyOS 鸿蒙Next Search组件 icon图标如何隐藏 placeholder和value的文本如何设置左边距的实战教程也可以访问 https://www.itying.com/category-93-b0.html

7 回复

用textinput封装一个

更多关于HarmonyOS 鸿蒙Next Search组件 icon图标如何隐藏 placeholder和value的文本如何设置左边距的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


组件有个icon属性可以设置是否显示图标,官方文档有介绍。

密码框有showPasswordIcon(boolea)设置,这个应该也有类似的设置。

自己重新封装一个。

自己写的话,那它的这个组件就没意义了,不知道API10是否有优化,

未来估计会有优化吧,这种时间赶出来的东西,考虑不全也是很正常,属性开放的比较少,没有办法的。

在HarmonyOS鸿蒙Next中,Search组件的icon图标可以通过设置icon属性为null来隐藏。对于placeholder和value文本的左边距,可以通过paddingLeft属性进行设置。以下是具体实现方式:

  1. 隐藏icon图标:

    Search({
      icon: null,
      // 其他属性
    })
    
  2. 设置placeholder和value文本的左边距:

    Search({
      placeholder: '请输入内容',
      placeholderColor: '#999999',
      placeholderFont: { size: 14 },
      paddingLeft: 20,
      // 其他属性
    })
    

通过以上方式,可以实现icon图标的隐藏以及placeholder和value文本的左边距调整。

回到顶部