渐进式编程课
React Native 目录
第 15 课2026.09.18

刷新重试尚未结束时阻止用户重复启动同一任务。

第 15 课:重试期间禁用重复触发

  • 日期:2026-09-18
  • 课程序号:第 15 课
  • 知识点:重试期间禁用重复触发

用途或适用场景

刷新重试尚未结束时阻止用户重复启动同一任务。

核心概念

Pressable 的 disabled 由 refreshing 派生;刷新业务状态仍只有一份。

最小代码或操作示例

text
<Pressable disabled={refreshing} onPress={reload}>
  <Text>{refreshing ? '重试中…' : '重试'}</Text>
</Pressable>

3~5 分钟练习

禁用时把透明度改为 0.5。

参考答案

使用 style={({ pressed }) => ({ opacity: refreshing ? 0.5 : pressed ? 0.7 : 1 })}。

与上一课的联系

继承上一课 Alert 的重试动作;本课只在重试期间禁用重复触发;完成后下一课可显示最后刷新时间。

时效校验

时效校验:2026-09-18(React Native 当前 Pressable API)。已实际打开并核对下列官方资料;未发现本课主方案存在废弃标记。

官方参考