LogoClawIndex
案例技能关于
LogoClawIndex

use-dom - 使用Expo DOM组件在Webview中运行Web代码

在原生平台的Webview中运行Web代码并在Web上原样渲染

标签

更新于: 2026-02-09
DOMWebview跨平台ReactExpoWeb

能力

典型输入

典型输出

该技能可以做什么

  • 在Webview中运行Web代码
  • 使用Web专用库
  • 迁移Web代码到原生平台
  • 处理复杂HTML/CSS布局
  • 嵌入iframe和外部内容
  • 使用Canvas或WebGL API
  • 将原生动作暴露给Webview

输入

  • DOM组件文件
  • dom prop配置
  • 可序列化的props
  • CSS文件或内联样式
  • 资产文件
  • Web库

输出

  • 在Webview中渲染的Web组件
  • 混合原生/Web应用程序
  • 跨平台UI组件

要求

  • 文件顶部必须有'use dom';指令
  • 每个文件只能有一个默认导出
  • DOM组件必须在独立文件中
  • props必须是可序列化的
  • CSS必须包含在组件文件中
  • Expo开发环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
在Webview中运行Web代码
使用Web专用库
迁移Web代码到原生平台
处理复杂HTML/CSS布局
DOM组件文件
dom prop配置
可序列化的props
在Webview中渲染的Web组件
混合原生/Web应用程序
跨平台UI组件