---
name: Mobile Development
slug: mobile-development-3
category: Frontend
description: Mobile Development covers iOS, Android, React Native, and Flutter patterns for building native and cross-platform apps. Use it when choosing a mobile stack or implementing platform-specific UI and state management.
github: "https://github.com/telagod/code-abyss/tree/main/skills/developing-mobile-apps"
language: JavaScript
stars: 239
forks: 32
install: "npx degit https://github.com/telagod/code-abyss/tree/main/skills/developing-mobile-apps ~/.claude/skills/developing-mobile-apps"
installs_to: ~/.claude/skills/developing-mobile-apps
source_path: skills/developing-mobile-apps/SKILL.md
collection_size: 25
category_size: 621
collection_url: "https://dirskills.com/collections/telagod/code-abyss"
added: 2026-09-03T06:03:48.638Z
last_synced: 2026-09-03T06:03:48.638Z
canonical_url: "https://dirskills.com/skills/mobile-development-3"
---

# Mobile Development

Mobile Development covers iOS, Android, React Native, and Flutter patterns for building native and cross-platform apps. Use it when choosing a mobile stack or implementing platform-specific UI and state management.

**Install:**

```bash
npx degit https://github.com/telagod/code-abyss/tree/main/skills/developing-mobile-apps ~/.claude/skills/developing-mobile-apps
```

## README

# 移动开发域 · Mobile

> **判断先于执行**：决定「是否做 / 选什么 / 如何取舍」（栈、方案、架构、权衡）前，先读领域判断内核 `skills/_kernel/frontend/SKILL.md`——它管 judgment，本秘典管 execution；冲突时以内核判断为准。

```
原生：iOS(SwiftUI/UIKit) | Android(Compose/Kotlin)
跨平台：React Native(TS) | Flutter(Dart)
```

## iOS 检查项

SwiftUI 优先 | `@MainActor` 线程安全 | async/await | 依赖注入 | LazyVStack | Keychain 存敏感 | ViewModel 单测+Mock

## Android 检查项

Compose 优先 | StateFlow 替代 LiveData | Hilt 注入 | Room 持久化 | key 优化 LazyColumn | remember 防重组 | ViewModel 单测(runTest)

## 跨平台检查项

列表优化(FlatList/ListView.builder+key) | 状态管理(RTK/Riverpod) | 原生桥接验证 | 冷启动<1.5s | 渲染>55fps

## 选型

Web 背景→RN | 极致动画/UI 定制→Flutter | 大量原生交互→RN | 极致原生体验→原生

SwiftUI/Compose/RN/Flutter API 详情详见 [references/details.md](references/details.md)