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是否能够支持动态路由
158浏览 • 1回复 待解决
HarmonyOS Navigation路由拦截中出现弹窗,是否有demo
280浏览 • 1回复 待解决
HarmonyOS Navigation路由问题
178浏览 • 1回复 待解决
HarmonyOS Navigation是否支持function类型参数?
345浏览 • 1回复 待解决
HarmonyOS RN是否支持CodePush与Navigation
100浏览 • 1回复 待解决
HarmonyOS Navigation NavPathStack 路由模式怎么实现路由跳转
42浏览 • 1回复 待解决
HarmonyOS Flutter嵌套HarmonyOS插件View,是否支持PlatformView
135浏览 • 1回复 待解决
HarmonyOS NavDestination 路由方案和全模态页面冲突
196浏览 • 1回复 待解决
$r是否支持嵌套,有人知道吗?
651浏览 • 1回复 待解决
在半模态中嵌套List组件,下滑到底关闭半模态组件
686浏览 • 1回复 待解决
HarmonyOS Navigation多层嵌套Navigation切换出现页面缓存
78浏览 • 1回复 待解决
通过$r访问应用资源是否支持嵌套形式
2143浏览 • 1回复 待解决
Navigation二级导航嵌套
1566浏览 • 1回复 待解决
Navigation实现动态路由的方式
866浏览 • 1回复 待解决
HarmonyOS Navigation全局路由管理的具体实现
568浏览 • 1回复 待解决
HarmonyOS 有办法能在模态转场的时候修改路由栈吗
143浏览 • 1回复 待解决
HarmonyOS Navigation路由跨页面popToName无法接受传递参数
679浏览 • 1回复 待解决
HarmonyOS 用Navigation NavRouter会不会使页面嵌套太深?
216浏览 • 1回复 待解决
HarmonyOS Navigation 设置路由拦截直接异常,无法执行
101浏览 • 1回复 待解决
HarmonyOS Navigation有没有类似Flutter监听路由返回功能
185浏览 • 1回复 待解决
HarmonyOS 两个根路由Navigation如何进行切换
100浏览 • 1回复 待解决
HarmonyOS 支持react-navigation了吗
138浏览 • 1回复 待解决
HarmonyOS 是否有navigation示例
22浏览 • 1回复 待解决
HarmonyOS 使用Navigation来实现页面路由,怎么隐藏根布局?
514浏览 • 1回复 待解决
参考如下示例修改: