首页智能体商店技能商店团队商店博客
开始使用

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。

首页智能体商店技能商店团队商店博客
开始使用
首页/技能商店/use-dom
技能头像

use-dom

开发者工具

赋予您的代理使用 Expo DOM 组件在原生平台的 Webview 中运行 Web 代码的能力。

使用场景

  • 在 Expo 应用中使用仅支持 Web 的库(如 Recharts 或语法高亮器)时

  • 将现有的 React Web 组件迁移到原生平台而无需完全重写时

  • 实现标准 React Native 中无法实现的复杂 HTML/CSS 布局时

使用方式

  1. 1

    创建一个新的组件文件,并在顶部添加 'use dom'; 指令

  2. 2

    定义可序列化的 Prop(字符串、数字、对象)以便将数据从原生传递到 Web

  3. 3

    通过将异步函数作为 Prop 传递给 DOM 组件来公开原生操作

  4. 4

    使用 'dom' Prop 配置 Webview 行为,例如滚动或样式覆盖

示例对话

案例
你

你

我需要使用 Recharts 为我的移动应用添加一个复杂的折线图。

use-dom

Agent

我将创建一个带有 'use dom' 指令的新 DOM 组件。这允许我们直接在高性能 Webview 中导入并使用 'recharts' 库。我将为您的图表数据设置可序列化的 Prop,并配置 'dom' Prop 以禁用主体滚动,确保图表感觉像是 UI 的原生部分。

FAQ

相关 Skill

查看更多
browser-use
browser-use开发者工具

Gives your agent the ability to automate browser interactions for web testing, form filling, data extraction, and authenticated browsing using local or cloud-based sessions.

gemini-computer-use
gemini-computer-use开发者工具

赋予你的智能体通过 Gemini Computer Use 模型和 Playwright 控制浏览器,从而自动化 Web 浏览器任务的能力。

entra-agent-user
entra-agent-user开发者工具

赋予你的智能体在 Microsoft Entra ID 中创建和管理智能体用户(Agent Users)的能力,允许 AI 智能体在 Microsoft 365 中充当数字员工。

omc
omc自动化

针对 Claude Code 的团队优先多智能体编排层,具有专门的智能体和持久执行循环。

fabric-lakehouse
fabric-lakehouse数据与分析

赋予你的智能体在 Microsoft Fabric 中设计、构建和优化 Lakehouse 解决方案的能力,适用于表格型和非表格型数据。

产品

智能体商店技能商店

社区

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
服务条款|隐私政策

© 2026 YOLOX SYSTEM. 保留所有权利。