自定义组件是否有生命周期可见不可见？

// Tabs组件 
@Entry 
@Component 
export struct TabsExample { 
  build() { 
    Tabs({ barPosition: BarPosition.End }) { 
// Atab内部使用Navigation切换多个内容 
TabContent() { 
NavigationExample() 
}.tabBar(‘A’) 
 
  TabContent() { 
    Column() 
      .width('100%') 
      .height('100%') 
      .backgroundColor('#007DFF') 
  }.tabBar('B') 
 
    TabContent() { 
      Column() 
        .width('100%') 
        .height('100%') 
        .backgroundColor('#FFBF00') 
    }.tabBar('C') 
 
    TabContent() { 
      Column() 
        .width('100%') 
        .height('100%') 
        .backgroundColor('#E67C92') 
    }.tabBar('D') 
  } 
} 
} 
 
// A栏内容为Navigation，list列表上为babyid，依赖状态管理， 
@Component 
struct NavigationExample { 
  private arr: number[] = [1, 2, 3]; 
  @Provide(‘pageInfos’) pageInfos: NavPathStack = new NavPathStack(); 
 
  // Navigation组件导航配置，支持自定义组件 
  @Builder 
  pageMap(name: string) { 
NavDestination() { 
if (name === ‘1’) { 
Text(“NavDestinationContent” + name) 
} else if (name === ‘2’) { 
Text(“NavDestinationContent” + name) 
} else if (name === ‘3’) { 
  Text(“NavDestinationContent” + name) 
} 
} 
.title(“NavDestinationTitle” + name) 
} 
build() { 
Column() { 
Navigation(this.pageInfos) { 
List({ space: 12 }) { 
ForEach(this.arr, (item: number) => { 
ListItem() { 
Button(“baby” + item) 
.width(‘100%’) 
.onClick(() => { 
this.pageInfos.pushPathByName(item.toString(), ‘’) 
}) 
} 
}) 
} 
} 
.navDestination(this.pageMap) 
} 
.height(‘100%’) 
.width(‘100%’) 
}