SuperAPI AI 工具集

expo-use-dom-v55

通用与其它

查看项目

更新于 10-15 17:27

技能介绍

用途:在 Expo 应用中使用 DOM 组件,让 Web 代码在原生平台通过 WebView 逐字运行,在 Web 平台按原样渲染,便于渐进式把 Web 代码迁移到原生,或直接使用仅支持 Web 的库(如图表、语法高亮、富文本编辑器、iframe/嵌入、Canvas/WebGL)。

主要能力:文件顶部加 'use dom'; 指令即可创建 DOM 组件;每个文件仅一个默认导出;props 必须可序列化;CSS 写在组件文件内;通过 dom 属性(import("expo/dom").DOMProps)配置滚动、安全区、尺寸等;可把异步函数作为 props 暴露原生能力给 WebView;可使用 React Web 库;支持 expo-router 的 Link 与 router API;用 IS_DOM 判断运行环境;资源建议 require 引入。

平台行为:iOS 用 WKWebView,Android 用 WebView,Web 直接渲染(dom 属性被忽略)。

限制:布局路由 _layout 不能是 DOM 组件;useLocalSearchParams、useGlobalSearchParams、usePathname、useSegments、useRootNavigation、useRootNavigationState 等需要同步访问原生路由状态的钩子不能直接在 DOM 组件中使用,需在原生父组件读取后以 props 传入;WebView 有独立 JS 上下文,不能直接与原生共享状态;原生性能敏感、简单 UI、需深度原生集成时不宜使用。

补充:具体安装命令与版本信息暂未提供。