Flutter技术问题：表单显示后如何2秒自动执行进程？

在Flutter里，你可以借助StatefulWidget的生命周期方法搭配Future.delayed实现这个需求，同时要注意页面销毁时取消延迟任务，避免内存泄漏。

代码示例 #

import 'package:flutter/material.dart';

class AutoRunForm extends StatefulWidget {
  const AutoRunForm({super.key});

  @override
  State<AutoRunForm> createState() => _AutoRunFormState();
}

class _AutoRunFormState extends State<AutoRunForm> {
  // 存储延迟任务，用于页面销毁时取消
  Future<void>? _delayTask;

  @override
  void initState() {
    super.initState();
    // 表单加载完成后，延迟2秒执行目标进程
    _delayTask = Future.delayed(const Duration(seconds: 2), () {
      // 这里写你要自动执行的逻辑
      if (mounted) { // 确保页面未销毁再执行UI操作
        print("自动进程触发");
        // 示例：弹出提示或提交表单
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(content: Text("2秒已到，自动执行进程")),
        );
      }
    });
  }

  @override
  void dispose() {
    // 取消未完成的延迟任务，防止内存泄漏
    _delayTask?.ignore();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("自动执行表单")),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Form(
          child: Column(
            children: [
              TextFormField(decoration: const InputDecoration(labelText: "输入项")),
              ElevatedButton(onPressed: () {}, child: const Text("手动提交")),
              // 其他表单控件...
            ],
          ),
        ),
      ),
    );
  }
}

核心要点 #

• initState是StatefulWidget初始化时执行的方法，此时表单已开始构建，适合设置延迟任务。
• Future.delayed会在指定时长后执行回调，你可以在回调里写业务逻辑。
• 加mounted判断是为了避免页面销毁后执行UI操作引发错误。
• 在dispose中取消未完成的任务，防止内存泄漏。

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