HarmonyOS 咨询一下Tab中的一些写法

Tabs() {
  TabContent() {
    Text('首页的内容').fontSize(30)
  }
  .tabBar('首页')

  TabContent() {
    Text('推荐的内容').fontSize(30)
  }
  .tabBar('推荐')

  TabContent() {
    Text('发现的内容').fontSize(30)
  }
  .tabBar('发现')

  TabContent() {
    Text('我的内容').fontSize(30)
  }
  .tabBar("我的")
}

这种写法和下列的这种写法差别是什么?

Tabs({ index: this.currentIndex }) {
  TabContent() {
    DiscoverView()
  }

  TabContent() {
    LearningView({ learnedId: $learnedId })
  }

  TabContent() {
    MapView()
  }

  TabContent() {
    ConferenceView()
  }

  TabContent() {
    MineView()
  }
}
.layoutWeight(1)
.barHeight(0)
.scrollable(false)
.onChange((index) => {
  this.currentIndex = index;
  ContinueModel.getInstance().data.mainTabIndex = index;

  if (AppStorage.get('audioPlayerStatus') !== AudioPlayerStatus.IDLE) {
    AudioPlayerService.getInstance().stop().then(() => {
      AudioPlayerService.destroy();
    });
  }
})

CustomTabBar({ currentIndex: $currentIndex })
}
  .width(AppConstants.FULL_PERCENT)
  .height(AppConstants.FULL_PERCENT)
  .backgroundColor((this.currentBreakpoint === BreakpointTypeEnum.LG && this.currentIndex === TabBarType.MINE) ?
  $r('app.color.clear_color') : $r('sys.color.ohos_id_color_sub_background'))

这个CustomTabBar({ currentIndex: $currentIndex })自定义组件为什么可以在Tabs的闭包外跟Tabs进行联动呢?

HarmonyOS
2024-12-24 17:36:44
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

CustomTabBar({ currentIndex: $currentIndex })是因为currentIndex和CustomTabBar的属性进行了双向绑定在CustomTabBar中改变这个属性的值也会影响到MainPage的变化,而MainPage中的currentIndex又与Tabs({ index: this.currentIndex })进行了一个索引绑定操作因此带动了整个页面的刷新和跳转。

分享
微博
QQ
微信
回复
2024-12-24 19:33:40
相关问题
HarmonyOS hiAppEvent一些相关问题咨询
850浏览 • 1回复 待解决
请问一下tab按钮组切换效果
1926浏览 • 1回复 待解决
HarmonyOS 使用Navigation一些疑问
1743浏览 • 1回复 待解决
关于designWidth一些问题
1542浏览 • 1回复 待解决
HarmonyOS 是否支持指定一些字体?
1080浏览 • 1回复 待解决
HarmonyOS Navigation转场动画一些思路
939浏览 • 1回复 待解决
HarmonyOS 关于VPN一些使用问题?
4617浏览 • 1回复 待解决
一些帐号授权相关问题
9845浏览 • 2回复 待解决
关于liteos,有一些疑惑
10137浏览 • 3回复 待解决
HarmonyOS 关于RdbStore操作一些疑问
1178浏览 • 1回复 待解决
关于快速修复一些问题。
1719浏览 • 1回复 待解决
关于鸿蒙BLE一些问题
5336浏览 • 1回复 待解决
关于系统信息一些参数询问
1385浏览 • 1回复 待解决
docker 线上使用一些问题
3568浏览 • 1回复 待解决
HarmonyOS 有关Video组件一些问题
1314浏览 • 1回复 待解决
有没有新napi一些demo?
1126浏览 • 3回复 待解决
DevEco Studio 升级后一些问题
11257浏览 • 1回复 待解决
HUAWEI DevEco Device Tool一些问题
9861浏览 • 3回复 待解决
关于华为应用级AT一些问题
13123浏览 • 3回复 待解决
HarmonyOS 是否有一些实践供参考?
1112浏览 • 1回复 待解决