技能 Mobile Developer
📱
Mobile Developer
安全
使用React Native和Flutter构建跨平台移动应用
移动开发者在跨平台一致性和原生集成方面面临挑战。本技能提供React Native、Flutter和原生开发方面的专家指导，包含现代架构模式。
支持: Claude Codex Code(CC)
1
下载技能 ZIP
2
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
3
开启并开始使用
测试它
正在使用“Mobile Developer”。 设置带有导航的React Native项目
预期结果:
- 1. 初始化项目：npx react-native init MyApp --template react-native-template-typescript
- 2. 安装导航：npm install @react-navigation/native @react-navigation/stack
- 3. 安装依赖：npm install react-native-screens react-native-safe-area-context
- 4. 使用Stack.Navigator和Screen组件创建导航结构
- 5. 在AndroidManifest.xml和Info.plist中配置深层链接
正在使用“Mobile Developer”。 为Flutter应用实现离线同步
预期结果:
- 使用Hive或Isar进行本地数据库存储
- 使用本地和远程数据源实现Repository模式
- 使用connectivity_plus包创建带有连接监听器的同步服务
- 使用最后写入者胜出或向量时钟处理冲突解决
- 当连接恢复时对突变进行重试队列
安全审计
安全v1 • 2/25/2026
This skill contains only prompt instructions with no executable code. Static analysis scanned 0 files and detected 0 security issues. The skill provides mobile development guidance for React Native, Flutter, and native platforms without any network access, filesystem operations, or external command execution. Safe for publication.
0
已扫描文件
0
分析行数
0
发现项
1
审计总数
未发现安全问题
审计者: claude
质量评分
38
架构
100
可维护性
87
内容
50
社区
100
安全
74
规范符合性
你能构建什么
跨平台电子商务应用
构建具有离线购物车、支付集成和订单更新推送通知的React Native电子商务应用
Flutter企业迁移
将遗留Xamarin应用迁移到Flutter，使用Material 3设计、本地数据库和企业认证
原生功能集成
为跨平台应用创建用于相机处理、生物认证和BLE连接的原生模块
试试这些提示
基础移动应用设置
使用TypeScript、导航设置和遵循最佳实践的文件夹结构创建一个新的React Native应用。包含在iOS和Android模拟器上运行的说明。
状态管理实现
在我的React Native应用中实现Redux Toolkit来管理用户认证状态、购物车和API缓存。包含文件夹结构和store配置。
原生模块创建
指导我创建一个用于React Native的Swift原生iOS模块，用于带有边缘检测的文档扫描相机访问。包含桥接代码。
性能优化审计
审查我的Flutter应用架构并识别性能瓶颈。提供关于改善启动时间、内存使用以及在滚动和动画期间保持60fps的具体建议。
最佳实践
- 遵循平台特定的设计指南：iOS的人机界面指南和Android的Material Design
- 为离线场景实施适当的错误边界和优雅降级
- 使用环境变量处理API端点，切勿将敏感配置提交到版本控制
避免
- 将API密钥或密钥直接存储在应用代码中，而不是使用安全的后端服务
- 在主线程上进行同步网络调用导致UI冻结
- 忽略平台特定的无障碍功能和触控目标尺寸
常见问题
我应该为项目选择React Native还是Flutter？
如果拥有JavaScript专业知识或需要原生模块集成，选择React Native。选择Flutter以获得跨平台的一致UI和卓越性能。两者都已准备好投入生产，拥有强大的生态系统。
如何处理不同的屏幕尺寸和密度？
使用基于百分比的响应式设计、平台特定资源，以及react-native-responsive-dimensions或Flutter的LayoutBuilder等库。在开发过程中在多个设备尺寸上进行测试。
iOS和Android的典型应用审核时间是多少？
iOS应用商店审核通常需要24-48小时。Google Play审核对于新应用来说从几小时到2天不等。为潜在的拒绝和重新提交预留缓冲时间。
如何实现生物认证？
React Native使用react-native-local-authentication或expo-local-authentication。Flutter使用local_auth包。始终提供备用认证并处理平台特定的权限流程。
离线优先移动应用的最佳方法是什么？
实施本地数据库（SQLite、Realm、Hive），对突变进行同步队列，使用乐观UI更新，并处理冲突解决。考虑使用WatermelonDB或RxDB等库进行响应式同步。
如何减小移动应用包体积？
为Android启用ProGuard/R8，为iOS使用应用 thinning，延迟加载功能，使用WebP格式优化图像，移除未使用的代码和资产，并为大型应用考虑模块化架构。