在OH5.0系统使用 XComponent 在 .onLoad方法无法获取有效的上下文信息

显示全部楼层

【问题描述】

介绍问题现象和发生的背景使用XComponent 官方例子工程时发现无法从onLoad方法中获取上下文信息

https://gitee.com/openharmony/applications_app_samples/tree/OpenHarmony-5.0.0-Release/code/BasicFeature/Native/XComponent

相关的代码（请勿使用截图）

/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import XComponentContext from "../interface/XComponentContext"

@Entry
@Component
struct Index {
  @State currentStatus: string = "init";
  private xComponentContext: XComponentContext | undefined = undefined;

  build() {
    Column() {
      Row() {
        Text('Native XComponent Sample')
          .fontSize('24fp')
          .fontWeight(500)
          .margin({
            left: 24,
            top: 12
          })
      }
      .margin({ top: 24 })
      .width('100%')
      .height(56)

      Column({ space: 10 }) {
        XComponent({
          id: 'xcomponentId',
          type: XComponentType.SURFACE,
          libraryname: 'nativerender'
        })
          .onLoad((xComponentContext) => {
            this.xComponentContext = xComponentContext as XComponentContext;
            this.currentStatus = "index";
            console.log("xft xComponentContext1:" +  this.xComponentContext);
            if(!!( this.xComponentContext ))
            {
              console.log("xft xComponentContext2:" +  this.xComponentContext);
            }
          })
          .onDestroy(() => {
            console.log('onDestroy');
          })
          .id("xcomponent")

        Text(this.currentStatus)
          .fontSize('24fp')
          .fontWeight(500)
      }
      .onClick(() => {
        let hasChangeColor: boolean = false;
        if (this.xComponentContext && this.xComponentContext.getStatus()) {
          hasChangeColor = this.xComponentContext.getStatus().hasChangeColor;
        }
        if (hasChangeColor) {
          this.currentStatus = "change color";
        }
      })
      .margin({
        top: 27,
        left: 12,
        right: 12
      })
      .height('40%')
      .width('90%')

      Row() {
        Button('Draw Star')
          .fontSize('16fp')
          .fontWeight(500)
          .margin({ bottom: 24 })
          .onClick(() => {
            if (this.xComponentContext) {
              this.xComponentContext.drawPattern();
              let hasDraw: boolean = false;
              if (this.xComponentContext.getStatus()) {
                hasDraw = this.xComponentContext.getStatus().hasDraw;
              }
              if (hasDraw) {
                this.currentStatus = "draw star";
              }
            }
          })
          .width('53.6%')
          .height(40)
      }
      .width('100%')
      .justifyContent(FlexAlign.Center)
      .alignItems(VerticalAlign.Bottom)
      .layoutWeight(1)
    }
    .width('100%')
    .height('100%')
  }
}

运行结果、错误截图

从截图中可以看到打印的上下文object是 undefine。
我尝试过的解决方法和结果

在另一款开发板上用OH5.0的系统跑这个例子是同样的情况。
我想要达到的结果

能够在XComponent中通过onLoad方法获取有效的上下文信息。

【运行环境】

硬件：迅为RK3568开发板 ROM版本：OpenHarmony-5.0.0-Release DevEvoStudio版本：5.0.3.910 SDK版本：API12

深开鸿_王石 · 深开鸿_王石 *发表于 2024-12-10 17:56* IP属地: 山东省潍坊市

你试试这个库，https://gitee.com/openharmony-sig/ohos_ijkplayer，我这边可以在5.0上跑，

fengyunrenwu · fengyunrenwu 板凳 *发表于 2024-12-10 10:33:14*

code/BasicFeature/Native/XComponent内没有相关代码，看描述应该是同目录下的NdkXComponent的示例代码，测试完，问题没能复现。

在OH5.0系统使用 XComponent 在 .onLoad方法无法获取有效的上下文信息

【问题描述】

【运行环境】

相关帖子

精彩评论7