設(shè)置深色模式

Web組件支持對(duì)前端頁(yè)面進(jìn)行深色模式配置。

• 通過(guò)darkMode()接口可以配置不同的深色模式，WebDarkMode.Off模式表示關(guān)閉深色模式。WebDarkMode.On表示開(kāi)啟深色模式，并且深色模式跟隨前端頁(yè)面。WebDarkMode.Auto表示開(kāi)啟深色模式，并且深色模式跟隨系統(tǒng)。
  在下面的示例中, 通過(guò)darkMode()接口將頁(yè)面深色模式配置為跟隨系統(tǒng)。

  // xxx.ets
  import web_webview from '@ohos.web.webview';
  
  @Entry
  @Component
  struct WebComponent {
    controller: web_webview.WebviewController = new web_webview.WebviewController();
    @State mode: WebDarkMode = WebDarkMode.Auto;
    build() {
      Column() {
        Web({ src: 'www.example.com', controller: this.controller })
          .darkMode(this.mode)
      }
    }
  }

• 通過(guò)forceDarkAccess()接口可將前端頁(yè)面強(qiáng)制配置深色模式，且深色模式不跟隨前端頁(yè)面和系統(tǒng)。配置該模式時(shí)候，需要將深色模式配置成WebDarkMode.On。
  在下面的示例中, 通過(guò)forceDarkAccess()接口將頁(yè)面強(qiáng)制配置為深色模式。

  // xxx.ets
  import web_webview from '@ohos.web.webview';
  
  @Entry
  @Component
  struct WebComponent {
    controller: web_webview.WebviewController = new web_webview.WebviewController();
    @State mode: WebDarkMode = WebDarkMode.On;
    @State access: boolean = true;
    build() {
      Column() {
        Web({ src: 'www.example.com', controller: this.controller })
          .darkMode(this.mode)
          .forceDarkAccess(this.access)
      }
    }
  }