小工具知识网

当前位置: 首页 > 行业知识 > 【flutter】页面按钮被点击后倒计时

行业知识

【flutter】页面按钮被点击后倒计时

2026-11-02 13:46:31 来源:互联网转载

在Flutter开发��,实现页面按钮被点击后倒计时15秒,这15秒内按钮不能再次被点击的功能,可以通过使用Flutter的Timer类来实现。以下是一个简单的示例代码:

()
import 'package:flutter/material.dart';import 'dart:async';void main() {  runApp(MyApp());}class MyApp extends StatelessWidget {  @override  Widget build(BuildContext context) {    return MaterialApp(      home: MyHomePage(),    );  }}class MyHomePage extends StatefulWidget {  @override  _MyHomePageState createState() => _MyHomePageState();}class _MyHomePageState extends State {  bool _buttonEnabled = true;  void _startCountdown() {    setState(() {      _buttonEnabled = false;    });    Timer(Duration(seconds: 15), () {      setState(() {        _buttonEnabled = true;      });    });  }  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(        title: Text('Countdown Button Example'),      ),      body: Center(        child: ElevatedButton(          onPressed: _buttonEnabled ? _startCountdown : null,          child: Text('Click Me'),        ),      ),    );  }}

这段代码创建了一个按钮,点击按钮后会触发倒计时15秒的功能,期间按钮会被禁用。倒计时结束后按钮恢复可点击状态。

()

上一篇:轻松获取Mihoyo游戏安装包,下载攻略大揭秘!

下一篇:揭秘英语中鸡蛋的正确表达,你真的了解吗?