在应用内添加服务卡片（应用此时进入后台），在桌面长按卡片，点击编辑按钮后，跳转编辑卡片的页面，跳转动画中间部分有桌面一闪而过的效果。观察视频慢放，是先拉起应用，添加卡片成功的页面，然后消失，再重新打开组件编辑页。
OnNewWant:Window [xxx,id:1625] LoadContent:[NAPI] [js_ui_ability.cpp:1398]end,name:onNewWant,time:4
onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
// 不建议，调用onWindowStageCreate，使用loadContent方法，拉起应用的过程中可能有闪屏现象
if (this.currentWindowStage !== null) {
this.onWindowStageCreate(this.currentWindowStage);
}
} 卡片拉起应用时触发了应用EntryAbility的onNewWant生命周期，且在onNewWant里调用了loadContent方法，销毁了旧的页面内容再加载新的页面，导致了卡片拉起编辑页时的闪屏问题。
// 通过Router路由对象，跳转对应页面，want参数是onNewWant回调函数的want参数
toPageByRouter(want: Want) {
if (want?.parameters?.params) {
// want.parameters.params对应postCardAction方法和FormLink组件中的params参数
let params = JSON.parse(want.parameters.params as string) as Record<string, Object>;
// 如果传入targetPage参数，则拉起对应页面，如果没有就拉起Index页面
// targetPage参数是自定义的，可以根据实际需要调整参数名称
this.selectPage = (params.targetPage as string) || 'pages/Index';
// 需要提前在onWindowStageCreate中给uiContext赋值
if (this.uiContext) {
this.uiContext.getRouter().pushUrl({
url: this.selectPage
}, router.RouterMode.Single); // 单实例模式，如果页面栈中存在该页面直接移动该url页面至栈顶
}
}
} // 通过Window的setUIContent方法加载页面，want参数是onNewWant回调函数的want参数
toPageByWindow(want: Want) {
// 获取want中的页面路径，使用子窗口加载对应页面
if (want?.parameters?.params) {
// want.parameters.params对应postCardAction方法和FormLink组件中的params参数
let params = JSON.parse(want.parameters.params as string) as Record<string, Object>;
// 如果传入targetPage参数，则拉起对应页面，如果没有就拉起Index页面
// targetPage参数是自定义的，可以根据实际需要调整参数名称
this.selectPage = (params.targetPage as string) || 'pages/Index';
if (this.windowClass) {
// 加载页面
this.windowClass.setUIContent(this.selectPage, (err: BusinessError) => {
// 异常处理
console.info('[setUIContent]', `error: ${JSON.stringify(err)}`);
});
}
}
} EntryAbility.ets文件完整代码如下：
import { AbilityConstant, UIAbility, Want } from '@kit.AbilityKit';
import { router, window } from '@kit.ArkUI';
import { BusinessError } from '@kit.BasicServicesKit';
import { JSON } from '@kit.ArkTS';
export default class EntryAbility extends UIAbility {
// 需要跳转的页面路由
private selectPage: string = '';
// UIContext，在onWindowStageCreate中获取
uiContext: UIContext | undefined = undefined;
// 窗口实例，在onWindowStageCreate中获取
windowClass: window.Window | undefined = undefined;
onWindowStageCreate(windowStage: window.WindowStage): void {
windowStage.loadContent('pages/Index', (err) => {
if (err.code) {
// 如果需要，请自行添加异常处理
return;
}
windowStage.getMainWindow((err, data) => {
// 获取UIContext并保存
this.uiContext = data.getUIContext();
// 获取窗口实例并保存
this.windowClass = data;
});
});
}
onNewWant(want: Want, launchParam: AbilityConstant.LaunchParam): void {
// launchParam是启动参数，主要包括Ability启动原因以及上次退出原因
console.info('[onNewWant]', `launchParam: ${JSON.stringify(launchParam)}`);
// 根据需要选择合适的方案，toPageByRouter、toPageByWindow两个方法，传入want参数
// 通过Router跳转页面，默认会有页面跳转的动画
// 更推荐setUIContent方案，直接拉起页面
this.toPageByWindow(want);
}
// 通过Router路由对象，跳转对应页面，want参数是onNewWant回调函数的want参数
toPageByRouter(want: Want) {
if (want?.parameters?.params) {
// want.parameters.params对应postCardAction方法和FormLink组件中的params参数
let params = JSON.parse(want.parameters.params as string) as Record<string, Object>;
// 如果传入targetPage参数，则拉起对应页面，如果没有就拉起Index页面
// targetPage参数是自定义的，可以根据实际需要调整参数名称
this.selectPage = (params.targetPage as string) || 'pages/Index';
// 需要提前在onWindowStageCreate中给uiContext赋值
if (this.uiContext) {
this.uiContext.getRouter().pushUrl({
url: this.selectPage
}, router.RouterMode.Single); // 单实例模式，如果页面栈中存在该页面直接移动该url页面至栈顶
}
}
}
// 通过Window的setUIContent方法加载页面，want参数是onNewWant回调函数的want参数
toPageByWindow(want: Want) {
// 获取want中的页面路径，使用子窗口加载对应页面
if (want?.parameters?.params) {
// want.parameters.params对应postCardAction方法和FormLink组件中的params参数
let params = JSON.parse(want.parameters.params as string) as Record<string, Object>;
// 如果传入targetPage参数，则拉起对应页面，如果没有就拉起Index页面
// targetPage参数是自定义的，可以根据实际需要调整参数名称
this.selectPage = (params.targetPage as string) || 'pages/Index';
if (this.windowClass) {
// 加载页面
this.windowClass.setUIContent(this.selectPage, (err: BusinessError) => {
// 异常处理
console.info('[setUIContent]', `error: ${JSON.stringify(err)}`);
});
}
}
}
}