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}