LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

react-native-codeditor - 在 React Native 中嵌入 CodeMirror 编辑器

通过双向 RPC 桥接在 React Native WebView 中嵌入并控制 CodeMirror 6 编辑器。

标签

更新于: 2026-09-29

能力

典型输入

典型输出

该技能可以做什么

  • 嵌入 CodeMirror 编辑器
  • 控制编辑器内容
  • 设置语言和主题
  • 管理光标和选择
  • 管理撤销和重做历史
  • 注册键盘快捷键
  • 处理编辑器事件
  • 复制原生编辑器资源

输入

  • React Native 应用
  • WebView 配置
  • 初始编辑器内容
  • 语言和主题设置
  • CodeMirror 扩展规格
  • 光标和选择参数
  • 补全项目
  • 快捷键定义
  • 原生编辑器资源

输出

  • 嵌入式代码编辑器
  • 更新后的文档内容
  • 光标和选择状态
  • 撤销和重做状态
  • 编辑器事件回调
  • 快捷键事件回调
  • WebView 日志和错误

要求

  • React Native 0.71 或更高版本
  • react-native-webview 11 或更高版本
  • Android WebView 61 或更高版本
  • iOS WKWebView
  • iOS 上的 expo-file-system
  • 已复制的 Android 编辑器资源

来源

  • 规范: SKILL.md
React Native
CodeMirror
WebView
代码编辑器
RPC 桥接
Android
iOS
嵌入 CodeMirror 编辑器
控制编辑器内容
设置语言和主题
管理光标和选择
React Native 应用
WebView 配置
初始编辑器内容
嵌入式代码编辑器
更新后的文档内容
光标和选择状态