Flutter中如何在Widget构建完成后执行长周期异步函数？

你需要把这个循环读取的逻辑放在StatefulWidget的initState生命周期方法中，同时配合WidgetsBinding.instance.addPostFrameCallback确保Widget构建完成后再执行，这样就能安全访问context；另外要在dispose方法中销毁定时任务，防止内存泄漏。

具体实现步骤 #

• 将你的Widget改为StatefulWidget（如果还不是的话）
• 在initState中注册帧回调，确保Widget挂载完成后启动定时循环
• 使用Timer.periodic实现每10秒执行一次读取操作
• 在dispose中取消Timer，避免内存泄漏
• 读取到数据后，通过Provider更新状态，让ListView自动刷新

完整代码示例 #

class BLEDataPage extends StatefulWidget {
  final BluetoothCharacteristic characteristic;
  final BleInterface inter;

  const BLEDataPage({
    super.key,
    required this.characteristic,
    required this.inter,
  });

  @override
  State<BLEDataPage> createState() => _BLEDataPageState();
}

class _BLEDataPageState extends State<BLEDataPage> {
  Timer? _readTimer;

  @override
  void initState() {
    super.initState();
    // 等待Widget构建完成后启动定时任务
    WidgetsBinding.instance.addPostFrameCallback((_) {
      _startPeriodicRead();
    });
  }

  void _startPeriodicRead() {
    // 每10秒执行一次读取操作
    _readTimer = Timer.periodic(const Duration(seconds: 10), (timer) async {
      try {
        final result = await widget.inter.readCharacteristic(widget.characteristic);
        final dataString = String.fromCharCodes(result);
        print(dataString);

        // 通过Provider更新数据列表，触发ListView刷新
        final bleDataProvider = Provider.of<BLEDataProvider>(context, listen: false);
        bleDataProvider.addData(dataString); // 假设Provider中有addData方法
      } catch (e) {
        // 处理读取失败的情况，比如设备断开、超时等
        print('读取BLE数据失败: $e');
      }
    });
  }

  @override
  void dispose() {
    // 销毁定时任务，防止内存泄漏
    _readTimer?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    // 监听Provider中的数据列表，构建ListView
    final bleDataList = Provider.of<BLEDataProvider>(context).dataList;
    return Scaffold(
      appBar: AppBar(title: const Text('BLE数据采集')),
      body: ListView.builder(
        itemCount: bleDataList.length,
        itemBuilder: (context, index) {
          return ListTile(title: Text(bleDataList[index]));
        },
      ),
    );
  }
}

// 示例Provider类
class BLEDataProvider extends ChangeNotifier {
  final List<String> _dataList = [];

  List<String> get dataList => _dataList;

  void addData(String data) {
    _dataList.add(data);
    notifyListeners(); // 通知UI刷新
  }
}

关键注意点 #

• context访问安全：用addPostFrameCallback确保Widget已经挂载到Widget树，此时context可以安全使用
• 定时任务清理：必须在dispose中取消Timer，否则Widget销毁后定时任务还会继续执行，导致内存泄漏
• 异常处理：在异步读取中加入try-catch，避免单次读取失败导致整个循环终止
• 状态同步：通过Provider的notifyListeners()触发ListView自动刷新，无需手动调用setState

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