HarmonyOS 鸿蒙Next:indicator里面的margintop无效果问题

发布于 1周前 作者 yibo5220 来自 鸿蒙OS

HarmonyOS 鸿蒙Next:indicator里面的margintop无效果问题

@Entry
@Component
struct ada{
build() {
Tabs({ barPosition: BarPosition.Start}){
TabContent() {
Column().width(‘100%’).height(‘100%’).backgroundColor(Color.Pink).borderRadius(‘12vp’)
}.tabBar(SubTabBarStyle.of(‘pink’)
.indicator({
color: Color.Black, //下划线颜色
height: 5, //下划线高度
width: 30, //下划线宽度
borderRadius:20, //下划线圆角半径
marginTop:10 //下划线与文字间距
})
.selectedMode(SelectedMode.INDICATOR)
.board({ borderRadius:10}))
// .labelStyle({})
TabContent() {
Column().width(‘100%’).height(‘100%’).backgroundColor(Color.Pink).borderRadius(‘12vp’)
}.tabBar(SubTabBarStyle.of(‘pink’)
.indicator({
color: Color.Black, //下划线颜色
height: 1, //下划线高度
width: 30, //下划线宽度
borderRadius:20, //下划线圆角半径
marginTop:10 //下划线与文字间距
})
.selectedMode(SelectedMode.INDICATOR)
.board({ borderRadius:10}))
}
}
}

2 回复
一样,整个文档demo复制了,tabcontent示例4 下划线全部都有效果,唯独这个marginTop没效果,是他自己的bug

针对HarmonyOS 鸿蒙Next中indicator里面的margintop无效果问题,这可能是由于indicator组件本身不支持margin属性,或者是在特定的布局环境中margin属性的应用受到限制。建议检查indicator组件的文档说明,确认其是否支持margin属性。同时,可以尝试调整父容器的布局属性,看是否能间接影响indicator的位置。如果问题依旧没法解决,请加我微信,我的微信是itying888。

回到顶部