HarmonyOS ArkUI中TabContent组件,IndicatorStyle的marginTop属性不生效

官方api文档链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-tabcontent-V5#indicatorstyle10%E5%AF%B9%E8%B1%A1%E8%AF%B4%E6%98%8E

代码如下:

@Component
export struct TabsView {
  @State currentIndex: number = 0

  subTabBarGenerator(barName: string) {
    return SubTabBarStyle.of(barName)
      .labelStyle({
        font: {
          size: 18
        }
      })
      .padding(0)
      .indicator({
        borderRadius: 2.5,
        color: '#ff347aea',
        height: 2.5,
        marginTop: 20,
        width: 30,
      })
  }

  build() {
    Tabs({ index: this.currentIndex }) {
      TabContent() {
        NoneContentView()
      }
      .tabBar(this.subTabBarGenerator('动态'))
      .backgroundColor($r('app.color.color_FFFFFF'))

      TabContent() {
        // 作品列表
        WorkListView()
      }
      .tabBar(this.subTabBarGenerator('作品'))
      .backgroundColor("rgba(230, 230, 230, 0.80)")

      TabContent() {
        NoneContentView()
      }
      .tabBar(this.subTabBarGenerator('相册'))
      .backgroundColor($r('app.color.color_FFFFFF'))

    }
    .animationDuration(Constant.ANIMATION_DURATION)
    .backgroundColor($r('app.color.color_FFFFFF'))
    .barMode(BarMode.Fixed)
    .onChange((index: number) => {
      this.currentIndex = index;
    })
  }
}
HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect
分享
微博
QQ
微信
回复
2天前
相关问题
List组件initialIndex属性设置生效
2376浏览 • 1回复 待解决
textfield截断属性生效
2950浏览 • 1回复 待解决
用数组变量控制组件属性生效
1870浏览 • 1回复 待解决
通过WindowProperties设置属性生效
2285浏览 • 1回复 待解决
在嵌套组件Scroll生效
2287浏览 • 1回复 待解决
HarmonyOS Web组件borderRadius生效
237浏览 • 1回复 待解决
容器组件onVisibleAreaChange生效
2075浏览 • 1回复 待解决
HarmonyOS 组件切换深色模式生效
574浏览 • 1回复 待解决
HarmonyOS ArkWeb组件加载url生效
238浏览 • 1回复 待解决
Web组件onKeyEvent键盘事件生效
2122浏览 • 1回复 待解决