WebView

版本要求:

@ray-js/ray≥0.6.9

描述

承载网页的容器；在小程序中通常会铺满整个页面。当页面存在 web-view 标签时，其他标签将不展示，且不支持设置任何样式！

属性

属性	类型	必填	默认值	说明
`src`	string	否	""	webview 指向网页的链接，需登录小程序管理后台, 进入小程序详情页->开发设置->多区服务器域名->webview 合法域名进行webview 域名配置。
		否	-	网页加载失败时触发
		否	-	网页加载成功时触发
		否	-	网页向小程序 postMessage 时，在特定时机（小程序后退、组件销毁、分享）触发并收到消息
`updateLayout`	unknown	否	-	用来异层组件通知容器层样式更新

示例代码

基础用法

import React from 'react';
import { WebView, View } from '@ray-js/ray';

export default function () {
  return (
    <WebView
      src="https://www.tuya.com"
      onLoad={(e) => console.log('网页加载成功:', e.detail.src)}
      onError={(e) => console.log('网页加载失败:', e.detail)}
    />
  );
}

智能生活 App 扫码体验

下载示例代码