这样的两个页面切换怎么做？（HarmonyOS 鸿蒙Next）

这样的两个页面切换怎么做？（HarmonyOS 鸿蒙Next） 这样的两个页面切换怎么做？

3 回复

SideBarContainer可以做

示例

更多关于这样的两个页面切换怎么做？（HarmonyOS 鸿蒙Next）的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


没看太明白，是通过左滑右滑之类的切换Tab页吗

在HarmonyOS（鸿蒙Next）中，实现两个页面切换可以通过使用Navigator组件或PageAbility来实现。假设你使用的是ArkUI框架，以下是具体步骤：

  1. 使用Navigator组件：

    • 在第一个页面中，使用Navigator组件包裹需要触发跳转的元素（如按钮）。
    • 设置target属性为目标页面的路径。
    • 示例代码：
      @Entry
@Component
struct FirstPage {
    build() {
        Column() {
            Navigator({ target: 'pages/SecondPage' }) {
                Button('Go to Second Page')
            }
        }
    }
}

  2. 使用PageAbility进行页面切换：

    • 在MainAbility中，使用startAbility方法启动目标页面。
    • 示例代码：
      import Ability from '@ohos.application.Ability';
import Want from '@ohos.application.Want';

export default class MainAbility extends Ability {
    onStart() {
        let want: Want = {
            bundleName: 'com.example.app',
            abilityName: 'SecondAbility'
        };
        this.context.startAbility(want);
    }
}

  3. 页面返回：

    • 在目标页面中，使用Back组件或terminateSelf方法返回到上一个页面。
    • 示例代码：
      @Entry
@Component
struct SecondPage {
    build() {
        Column() {
            Button('Back to First Page').onClick(() => {
                this.context.terminateSelf();
            });
        }
    }
}

通过以上方法，你可以在HarmonyOS（鸿蒙Next）中实现两个页面的切换。

回到顶部