下载 App

输入关键字搜索

开发者能力认证

鸿蒙高校创新赛

HarmonyOS 7

animation

HarmonyOS行业解决方案

layoutWeight

HarmonyOS模板&组件

bindPopup

bindsheet

CTRL+K

文档管理中心

我的

Hello，

欢迎来到开发者联盟

蛟龙腾飞

HarmonyOS应用开发-eTS-Navigator组件练习

说明：

路由容器组件，提供路由跳转能力。

接口:

Navigator(value?: {target: string, type?: NavigationType})

接口参数：

%E5%9B%BE%E7%89%871.png

属性：

%E5%9B%BE%E7%89%872.png

案例：

创建新的ets

%E5%9B%BE%E7%89%873.png

代码示例：

index.ets：

收起
自动换行
深色代码主题
复制

@Entry@Componentstruct Index {  @State active: boolean = false  @State Text: string = 'next'  build() {    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween }) {      Navigator({ target: 'pages/next', type: NavigationType.Push }) {        Text('进入 ' + this.Text + ' .ets').width('100%').textAlign(TextAlign.Center).fontSize(36)      }.params({ text: this.Text })      Navigator() {        Text('返回').width('100%').textAlign(TextAlign.Center).fontSize(36)      }.active(this.active)      .onClick(() => {        this.active = true      })    }.height(250).width(350).padding(35)  }}

next.ets:

收起
自动换行
深色代码主题
复制

import router from '@system.router'@Entry@Componentstruct Netx {  @State text: string = router.getParams().text  build() {    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween }) {      Navigator({ target: 'pages/back', type: NavigationType.Push }) {        Text('进入back.ets').width('100%').height(80).fontSize(36)      }      Text('This is ' + this.text + ' page').width('100%').textAlign(TextAlign.Center).fontSize(36)    }    .width('100%').height(400).padding({ left: 35, right: 35, top: 35 })  }}

back.ets：

收起
自动换行
深色代码主题
复制

@Entry@Componentstruct Back {  build() {    Column() {      Navigator({ target: 'pages/index', type: NavigationType.Back }) {        Text('返回index').width('100%').textAlign(TextAlign.Center).fontSize(36)      }    }.width('100%').height(200).padding({ left: 35, right: 35, top: 35 })  }}

效果图：

HarmonyOS应用开发-eTS-Navigator组件练习.docx

浏览384 发布于2021-12-21 01:21未知归属地

全部评论

最多点赞