如何设置IconButton每日点击2次后24小时内禁用？

核心思路 #

通过持久化存储（SharedPreferences）记录点击次数和锁定截止时间，每次操作前先判断是否处于锁定状态，再执行对应逻辑，确保重启APP后状态依然保留。

具体实现步骤 #

1. 添加依赖 #

在pubspec.yaml中引入SharedPreferences依赖：

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^2.2.2 # 版本可根据Flutter最新生态调整

2. 定义状态变量 #

在你的页面State类中声明以下变量：

int _clickCount = 0;
DateTime? _lockEndTime;
bool _isLocked = false;
late SharedPreferences _prefs;

3. 初始化读取存储数据 #

在initState中读取本地存储的历史状态，判断是否仍处于锁定周期：

@override
void initState() {
  super.initState();
  _initSharedPrefs();
}

Future<void> _initSharedPrefs() async {
  _prefs = await SharedPreferences.getInstance();
  // 读取已保存的点击次数
  _clickCount = _prefs.getInt('post_click_count') ?? 0;
  // 读取锁定截止时间的时间戳
  final lockTimestamp = _prefs.getInt('lock_end_timestamp');
  
  if (lockTimestamp != null) {
    _lockEndTime = DateTime.fromMillisecondsSinceEpoch(lockTimestamp);
    // 判断当前时间是否在锁定截止时间之前
    _isLocked = DateTime.now().isBefore(_lockEndTime!);
    // 若已过锁定时间，重置状态
    if (!_isLocked) {
      _clickCount = 0;
      await _prefs.setInt('post_click_count', 0);
      await _prefs.remove('lock_end_timestamp');
    }
  }
  setState(() {});
}

4. 修改IconButton逻辑 #

更新按钮的可用性控制和点击事件处理：

IconButton(
  icon: Icon(Icons.arrow_forward_ios),
  // 锁定状态下设置onPressed为null，按钮自动变灰不可点击
  onPressed: _isLocked ? null : () async {
    // 执行原有业务逻辑
    _CreatePost();
    _showLoaderDialog(context);
    
    // 更新点击次数并持久化
    _clickCount++;
    await _prefs.setInt('post_click_count', _clickCount);
    
    // 点击次数达2次时，设置24小时锁定
    if (_clickCount >= 2) {
      _lockEndTime = DateTime.now().add(Duration(hours: 24));
      await _prefs.setInt('lock_end_timestamp', _lockEndTime!.millisecondsSinceEpoch);
      setState(() {
        _isLocked = true;
      });
    }
    setState(() {});
  },
  // 锁定时修改图标颜色，给用户明确提示
  color: _isLocked ? Colors.grey : null,
),

5. 可选：自动恢复按钮可用性 #

如果需要在锁定期间APP切回前台时自动检查并恢复按钮状态，可以添加生命周期监听：

// 给State类混入WidgetsBindingObserver
class _YourPageState extends State<YourPage> with WidgetsBindingObserver {
  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance.addObserver(this);
    _initSharedPrefs();
  }

  @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    super.didChangeAppLifecycleState(state);
    // APP从后台回到前台时检查锁定是否过期
    if (state == AppLifecycleState.resumed && _isLocked) {
      if (DateTime.now().isAfter(_lockEndTime!)) {
        setState(() {
          _isLocked = false;
          _clickCount = 0;
        });
        _prefs.setInt('post_click_count', 0);
        _prefs.remove('lock_end_timestamp');
      }
    }
  }

  @override
  void dispose() {
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }
}

内容的提问来源于stack exchange，提问作者SmollaL1st