#鸿蒙通关秘籍#怎样在鸿蒙中使用NavRouter和NavDestination来构建页面内导航结构？

在鸿蒙开发中，可以利用NavRouter和NavDestination组件在Navigation组件内创建页面内导航，从而实现页面切换。

1. 使用NavRouter组件，负责在Navigation组件中处理导航点击事件。NavRouter有两个子组件。
2. NavDestination组件作为NavRouter的第二个子组件，显示点击后的目标内容。

代码示例：

List({ space: 20 }) {
    ForEach(this.itemList, (item: string) => {
        ListItem() {
            NavRouter() {
                Text("NavRouter_" + item)
                    .width("100%")
                    .height(72)
                    .backgroundColor('#FFFFFF')
                    .borderRadius(20)
                    .fontSize(16)
                    .fontWeight(500)
                    .textAlign(TextAlign.Center)
                NavDestination() {
                    Text("Nav_Content_" + item).fontColor(Color.White).fontSize(16)
                }
                .title("Nav_title_" + item).backgroundColor(Color.Green)
            }
        }
    }, (item: string): string => item)
}

通过上述组件组合，点击NavRouter时即可自动跳转并显示NavDestination中定义的内容。