词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Claude Code React Native 技能：隔离 iOS 与 Android 平台实现

English

Claude Code 安装步骤

  1. 从固定提交获取完整的 `skills/react-native` 目录。
  2. 复制到目标项目的 `.claude/skills/` 后核对 `.claude/skills/react-native/SKILL.md`。从项目根目录启动 Claude Code，直接描述符合该技能用途的任务。

中文摘要

为共同的页面行为保留一致接口，把确有差异的 UI 实现放到平台对应文件。适合减少屏幕中散落的条件判断。

SKILL.md 中文导读

可复现示例

虚构的帮助卡在 iOS 和 Android 使用不同视觉处理，但都显示标题并可关闭。请提出平台文件组织，并保持调用接口相同。

工作步骤

  1. 列出共同交互和平台差异，确定只在哪一层分开。
  2. 让平台文件提供一致属性，再分别核对两端渲染与行为。

验收方法

两端使用同一调用方式与属性。各自显示正确外观，关闭动作保持一致。

GitHub 原文 · 更新日期

适用环境

Claude Code、固定版本技能和已有 React Native 项目。验证需要相应模拟器或设备。

常见问题

所有平台差异都需要拆成两个文件吗？

小的样式差异可以按项目习惯选择平台值。逻辑或实现明显分化时，独立平台文件更易检查。

相关指南

相关推荐