• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/*
2 * Copyright (c) 2024 Huawei Device Co., Ltd.
3 * Licensed under the Apache License, Version 2.0 (the 'License');
4 * you may not use this file except in compliance with the License.
5 * You may obtain a copy of the License at
6 *
7 *     http://www.apache.org/licenses/LICENSE-2.0
8 *
9 * Unless required by applicable law or agreed to in writing, software
10 * distributed under the License is distributed on an 'AS IS' BASIS,
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 * See the License for the specific language governing permissions and
13 * limitations under the License.
14 */
15
16import { webview } from '@kit.ArkWeb';
17
18/**
19 * Web沉浸式适配
20 * 1、设置Web绘制延伸至状态栏和导航条
21 * 2、设置网页元素避让导航条
22 */
23@Component
24export struct WebImmersive {
25  controller: webview.WebviewController = new webview.WebviewController();
26  @Consume navPathStack: NavPathStack;
27
28  build() {
29    Column() {
30      Web({ src: $rawfile('web_immersive.html'), controller: this.controller })
31        .width('100%')
32        .layoutWeight(1)// 设置Web绘制延伸到状态栏和导航条
33        .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
34    }
35    .width('100%')
36    .height('100%')
37  }
38}