HarmonyOS 鸿蒙Next Search组件中文本垂直方向不居中解决办法求助
HarmonyOS 鸿蒙Next Search组件中文本垂直方向不居中解决办法求助 如图,Search组件默认的文本, 垂直方向不居中!导致不居中的原因竟然是给 ListItem 设置高度!
设置.align(Alignment.Center) 无效! 有遇到类似问题的嘛!
从上边图到下边图只给ListItem加了一个高度,其他都没动,然后就导致Search组件中的文本在垂直方向不居中
更多关于HarmonyOS 鸿蒙Next Search组件中文本垂直方向不居中解决办法求助的实战教程也可以访问 https://www.itying.com/category-93-b0.html
啊啊! 明白啦! 感谢!
给你我的代码,可以复制下来尝试,更快捷
@Entry
@Component
struct Index {
@State arr: Array<string> = ['22', '33', '44', '55', '66', '77', '88', '99', '00', '11']
build() {
Flex({
direction: FlexDirection.Column,
justifyContent: FlexAlign.Start,
alignItems: ItemAlign.Center
}){
Row(){
Text('关系型数据库')
Blank()
Image($r('app.media.icon')).width(30).height(30)
}
.width('100%')
.height(70)
.padding({
left: 16
})
.alignItems(VerticalAlign.Center)
.backgroundColor('#7fb80e')
Row(){
Search({
placeholder: '搜索'
})
// .height('100%')
}
// .height(55)
.width('100%')
.padding({
left: 16,
right: 16
})
.margin({
top: 8
})
Row(){
List(){
ForEach(this.arr, (item: string) => {
ListItem(){
Row(){
Text(item)
}.width('100%').backgroundColor('#c0c0c0').height(80)
}
}, (item: string) => item)
}
}.layoutWeight(1).width('100%').padding({
left: 16,
right: 16,
bottom: 16
})
}
.width('100%')
.height('100%')
.backgroundColor('#fff1f3f5')
}
}
好的好的,谢谢!成功解决! 还是对flex不够熟悉,
你应该不是做web的,前端flex用了很多年了对这个弹性布局很熟悉。
我去年毕业,做了不到一年安卓,哈哈哈,
尝试了: 不给ListItem高度,给ListItem中的布局高度,还是一样会导致Search组件文本不居中,
或给ListItem中的布局的组件设置高度也会导致这个问题
