跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/alinaqi/claude-bootstrap/flutter

Claude Code Flutter 技能:用 Riverpod AsyncValue 组织列表与重试

English

Claude Code 安装步骤

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

中文摘要

把 Flutter 页面依赖的数据放到 Riverpod provider,使用 AsyncValue 分开加载、错误和数据。适合为列表补清晰的等待和恢复状态。

SKILL.md 中文导读

可复现示例

虚构的公交路线列表第一次返回错误,重试后返回一条路线。请描述如何分别用 AsyncValue 表达这两次请求的结果。

工作步骤

  1. 明确 provider 的输入和数据输出,再检查页面如何订阅。
  2. 为加载、失败和有数据分别安排界面,重试时刷新对应 provider。

验收方法

界面先显示加载,再显示带重试的错误。重试后重新进入加载并展示一条路线,状态由同一个 provider 提供。

GitHub 原文 · 更新日期 2026-11-13

适用环境

Claude Code、固定版本技能和已使用 Riverpod 的 Flutter 项目。运行时需要项目的 Flutter 测试环境。

常见问题

可以把失败结果都显示成空列表吗?

将错误和成功但没有数据区分开。错误可以提供重试,成功空列表可说明当前没有路线。

技能信息

GitHub 仓库
alinaqi/claude-bootstrap

收集于互联网

相关指南

  • Claude Code 自定义 Skills:SKILL.md 的目录、触发条件与测试
更多 Claude Code 技能

相关推荐

  • 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

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯