问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

HarmonyOS 使用webview控件，已经设置了expandSafeArea，但是h5里面读取env\(safe-area-inset-bottom\)没有值？

头像
HarmonyOS码上奇行
    12.2k16319

    如题：HarmonyOS 使用webview控件，已经设置了expandSafeArea，但是h5里面读取env(safe-area-inset-bottom)没有值？

    HarmonyOSharmonyosharmonyos-next
    阅读 550
    1 个回答
    得票最新
    头像
    HarmonyOS码上奇行
      12.2k16319

      参考示例：

      // src/main/ets/pages/Index.ets
import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])
    }
  }
}
      <!-- src/main/resources/rawfile/index.html -->
  <!DOCTYPE html>
  <html>
  <head>
  <meta name="viewport" content="width=device-width,viewport-fit=cover">
  </head>
  <body>
  <div></div>
  </body>
  <style>
  div {
  height: env(safe-area-inset-bottom);
  background: red;
}
</style>
  </html>
      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题