HarmonyOS 地图怎么单独全屏显示

不想在EntryAbility里面设置整个app全屏，只想设有HarmonyOS地图的界面全屏，父组件是：

build() {
  Stack() {
    HuaWeiMapComponent(this.mapListenerController)
  }
  .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
}

子组件集成了HarmonyOS地图如下：

build() {
  Stack() {
    MapComponent({ mapOptions: this.mapOption, mapCallback: this.callback, customInfoWindow: this.customInfoWindow })
      .width('100%')
      .height('100%')
  }.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
}

地图不能全屏，状态栏上面还是白色的。

HarmonyOS

FengTianYa

2024-12-24 16:38:33

浏览

回答 1

待解决

回答 1

按赞同

按时间

shlp

可以使用setWindowLayoutFullScreen()接口设置全屏，通过getLastWindow获取当前应用内最上层的子窗口，若无应用子窗口返回应用主窗口。只实现某个页面的全屏，可以在aboutToapear设置全屏在aboutToDisApear设置恢复，示例参考如下：

import window from '@ohos.window';
import { router } from '@kit.ArkUI';

@Entry
@Component
struct TabPage {
  @State message: string = 'Hello World';

  setFullScreen(status: boolean) {
    window.getLastWindow(getContext(this)).then((window) => {
      window.setWindowLayoutFullScreen(status)
    })
  }

  aboutToAppear(): void {
    // 出现和消失这里调用具体逻辑
  }

  aboutToDisappear(): void {
  }

  build() {
    Column() {
      Text(this.message)
        .id('HelloWorld')
        .fontSize(50)
        .fontWeight(FontWeight.Bold)
        .onClick(() => {
          // readerModeCb(null,)
          router.back()
        })

      Button("设置沉浸式").onClick(() => {
        this.setFullScreen(true)
      })
      Button("取消设置沉浸式").onClick(() => {
        this.setFullScreen(false)
      })
    }
    .backgroundColor("#ffde8242")
    .height('100%')
    .width('100%')
  }
}