HarmonyOS tabs组件异步赋值,tabBar不展示,tabContent正常展示
示例代码:
interface newRepeatItem {
item: string,
index: number
}
@State newTabsList: Array<string> = []
Tabs({ barPosition: BarPosition.Start }) {
Repeat(this.newTabsList)
.each((obj: newRepeatItem) => {
TabContent() {
Text(obj.item)
}.width('100%')
.height('100%')
.backgroundColor(Color.Brown)
.tabBar(obj.item)
})
.key((item: string, index: number) => index.toString()) }
.onChange((index: number) => {
this.currentIndex = index
})
.barHeight(50)
.barMode(BarMode.Scrollable)
}
setTimeout(() => {
this.newTabsList.push('关注1')
this.newTabsList.push('关注2')
this.newTabsList.push('关注3')
}, 1000)
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Tabs组件,tabBar宽度及tabContent宽度问题
1623浏览 • 1回复 待解决
地图组件无法正常展示
1851浏览 • 1回复 待解决
HarmonyOS Tabs组件tabbar无法start排列&Tabs下列表最后一个item无法展示完全
1088浏览 • 1回复 待解决
HarmonyOS 地图不展示
826浏览 • 1回复 待解决
HarmonyOS tabs Scrollable模式下当页签内容不超过TabBar宽度时,页签如何居左展示
663浏览 • 1回复 待解决
HarmonyOS Tabs组件的bar只支持居中展示,不支持置顶从上往下展示
1143浏览 • 1回复 待解决
HarmonyOS Tabs组件不设置动画效果时TabBar切换很慢
917浏览 • 1回复 待解决
HarmonyOS RN中的SwipeableFlatList组件不能用,不展示
1026浏览 • 1回复 待解决
HarmonyOS 使用Tabs组件,设置barOverlap为true时,tabBar与TabContent之间有明显分层
1456浏览 • 1回复 待解决
Tabs组件tabbar只能整体相对tabcontent尺寸居中,能否设置偏向一边
1120浏览 • 1回复 待解决
HarmonyOS Tabs 组件无法隐藏 tabbar
2446浏览 • 1回复 待解决
HarmonyOS 关于Tabs组件的TabContent问题
934浏览 • 1回复 待解决
HarmonyOS Tabs组件怎么动态添加TabContent
1251浏览 • 1回复 待解决
Tabs组件TabContent滑到边缘问题
1300浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
1658浏览 • 1回复 待解决
HarmonyOS Tabs的tabBar如何让右边不贴边显示?
996浏览 • 1回复 待解决
HarmonyOS 地图组件无法展示
1104浏览 • 1回复 待解决
HarmonyOS 怎么设置Tabs组件预加载TabContent
1365浏览 • 1回复 待解决
HarmonyOS Tabs组件中TabBar不能完全贴合
1019浏览 • 1回复 待解决
HarmonyOS TabContent().tabBar 只能居中吗?
1275浏览 • 1回复 待解决
HarmonyOS DatePicker组件年份展示问题
1174浏览 • 1回复 待解决
HarmonyOS Tabs组件tabBar是否可以居左
1269浏览 • 1回复 待解决
HarmonyOS 如何设定tabs组件的tabbar样式
1748浏览 • 1回复 待解决
HarmonyOS Tabs组件设置默认的tabcontent不是0
915浏览 • 1回复 待解决
HarmonyOS 状态栏如何在页面中不展示?
821浏览 • 1回复 待解决
请参考demo: