Claude Code Flutter 技能:用 Riverpod AsyncValue 组织列表与重试
EnglishClaude Code 安装步骤
- 从固定提交获取完整的 `skills/flutter` 目录。
- 复制到目标项目的 `.claude/skills/` 后核对 `.claude/skills/flutter/SKILL.md`。从项目根目录启动 Claude Code,直接描述符合该技能用途的任务。
中文摘要
把 Flutter 页面依赖的数据放到 Riverpod provider,使用 AsyncValue 分开加载、错误和数据。适合为列表补清晰的等待和恢复状态。
SKILL.md 中文导读
可复现示例
虚构的公交路线列表第一次返回错误,重试后返回一条路线。请描述如何分别用 AsyncValue 表达这两次请求的结果。工作步骤
- 明确 provider 的输入和数据输出,再检查页面如何订阅。
- 为加载、失败和有数据分别安排界面,重试时刷新对应 provider。
验收方法
界面先显示加载,再显示带重试的错误。重试后重新进入加载并展示一条路线,状态由同一个 provider 提供。
GitHub 原文 · 更新日期
适用环境
Claude Code、固定版本技能和已使用 Riverpod 的 Flutter 项目。运行时需要项目的 Flutter 测试环境。
常见问题
可以把失败结果都显示成空列表吗?
将错误和成功但没有数据区分开。错误可以提供重试,成功空列表可说明当前没有路线。
相关指南
相关推荐
aeo-optimization 技能
alinaqi/claude-bootstrap
web-content 技能
alinaqi/claude-bootstrap
agentic-development 技能
alinaqi/claude-bootstrap
ai-models 技能
alinaqi/claude-bootstrap
Claude Code Android Java ViewBinding 技能|核对 Fragment 生命周期
alinaqi/claude-bootstrap
Claude Code Android Kotlin 技能:用 StateFlow 管理 Compose 加载状态
alinaqi/claude-bootstrap