HarmonyOS navigation是否支持模态嵌套路由
官方文档中说navigation支持模态嵌套路由,Navigation可以嵌套在模态对话框中,也就是说可以模态框中定义路由,是否有相关示例?
在Button属性bindContentCover(this.isShow, this.myBuilder())中模态一个页面,使用一个新的navigation后模态内容不显示。
关键代码如下:
@Entry
@Component
struct Index {
pageInfo: NavPathStack = new NavPathStack()
build() {
Navigation(this.pageInfo) {
Column() {
Button('StartTest', { stateEffect: true, type: ButtonType.Capsule })
.width('80%')
.height(40)
.margin(20)
.onClick(() => {
this.pageInfo.pushPath({ name: 'A2' }); // 将name指定的NavDestination页面信息入栈。
})
}
}.title('NavIndex')
}
}
@Component
struct A2 {
@State isShow: boolean = false
pageStack: NavPathStack = new NavPathStack();
@Builder
myBuilder() {
Navigation(this.pageStack) {
Column() {
Row() {
Text('模态中嵌套的navigation页面')
.fontSize(50)
.fontWeight(FontWeight.Bold)
.onClick(() => {
this.pageStack.pushPathByName("A4", null, false);
})
}
Text('dismiss')
.width('80%')
.height(40)
.margin(20)
.onClick(() => {
this.isShow = false
})
}
.justifyContent(FlexAlign.Center)
.height('100%')
.width('100%')
}
.hideNavBar(true)
}
build() {
NavDestination() {
Column() {
Button('模态转场', { stateEffect: true, type: ButtonType.Capsule })
.width('80%')
.height(40)
.margin(20)
.bindContentCover(this.isShow, this.myBuilder())
.onClick(() => {
this.isShow = true;
})
}
.width('100%')
.height('100%')
}
.title('A2Page')
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 页面路由router是否能够支持动态路由
1318浏览 • 1回复 待解决
HarmonyOS Navigation路由拦截中出现弹窗,是否有demo
888浏览 • 1回复 待解决
HarmonyOS Navigation是否支持function类型参数?
888浏览 • 1回复 待解决
HarmonyOS RN是否支持CodePush与Navigation
941浏览 • 1回复 待解决
HarmonyOS Navigation路由问题
1016浏览 • 1回复 待解决
HarmonyOS Navigation NavPathStack 路由模式怎么实现路由跳转
957浏览 • 1回复 待解决
HarmonyOS Flutter嵌套HarmonyOS插件View,是否支持PlatformView
977浏览 • 1回复 待解决
$r是否支持嵌套,有人知道吗?
1662浏览 • 1回复 待解决
HarmonyOS NavDestination 路由方案和全模态页面冲突
1047浏览 • 1回复 待解决
在半模态中嵌套List组件,下滑到底关闭半模态组件
1644浏览 • 1回复 待解决
HarmonyOS Navigation多层嵌套Navigation切换出现页面缓存
800浏览 • 1回复 待解决
通过$r访问应用资源是否支持嵌套形式
3151浏览 • 1回复 待解决
路由导航用router还是navigation?
626浏览 • 1回复 待解决
Navigation二级导航嵌套
2933浏览 • 1回复 待解决
Navigation实现动态路由的方式
1872浏览 • 1回复 待解决
HarmonyOS Navigation全局路由管理的具体实现
1313浏览 • 1回复 待解决
HarmonyOS 有办法能在模态转场的时候修改路由栈吗
1095浏览 • 1回复 待解决
HarmonyOS Navigation路由跨页面popToName无法接受传递参数
1668浏览 • 1回复 待解决
HarmonyOS NEXT支持哪些路由模式?
500浏览 • 0回复 待解决
HarmonyOS 用Navigation NavRouter会不会使页面嵌套太深?
1218浏览 • 1回复 待解决
HarmonyOS 使用Navigation路由onPageShow(): void onPageHide(): void方法没有调用
1454浏览 • 1回复 待解决
HarmonyOS 两个根路由Navigation如何进行切换
764浏览 • 1回复 待解决
HarmonyOS Navigation有没有类似Flutter监听路由返回功能
876浏览 • 1回复 待解决
HarmonyOS Navigation 设置路由拦截直接异常,无法执行
1027浏览 • 1回复 待解决
HarmonyOS 支持react-navigation了吗
777浏览 • 1回复 待解决
参考如下示例修改: