Flutter升级lint后跨异步用BuildContext警告的Provider解决疑问

方案1：在UI层调用Provider方法后判断mounted #

把依赖BuildContext的操作放在Widget的State类中，等Provider的异步方法完成后，先检查当前Widget是否还处于挂载状态：

class MyScreen extends StatefulWidget {
  @override
  State<MyScreen> createState() => _MyScreenState();
}

class _MyScreenState extends State<MyScreen> {
  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () async {
        // 调用Provider的异步方法
        final data = await Provider.of<MyViewModel>(context, listen: false).fetchData();
        
        // 异步完成后先判断组件是否还挂载
        if (!mounted) return;
        
        // 再执行依赖BuildContext的操作，比如显示SnackBar或导航
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text(data)),
        );
      },
      child: const Text('获取数据'),
    );
  }
}

方案2：用FutureBuilder结合Consumer处理 #

将Provider的异步逻辑与UI渲染绑定，利用FutureBuilder的生命周期特性，同时通过Consumer获取ViewModel：

class MyScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer<MyViewModel>(
      builder: (context, viewModel, child) {
        return FutureBuilder<String>(
          future: viewModel.fetchData(),
          builder: (context, snapshot) {
            // 直接通过context判断组件是否挂载
            if (!context.mounted) return const SizedBox();
            
            if (snapshot.hasData) {
              return Text(snapshot.data!);
            } else if (snapshot.hasError) {
              return const Text('加载失败');
            } else {
              return const CircularProgressIndicator();
            }
          },
        );
      },
    );
  }
}

方案3：给ViewModel传入mounted判断函数（应急方案） #

如果必须在ViewModel中处理和UI相关的逻辑，可以让ViewModel接收一个判断挂载状态的函数，避免直接持有BuildContext：

class MyViewModel extends ChangeNotifier {
  late final bool Function() _isMounted;

  // 初始化时传入判断mounted的方法
  void init(bool Function() isMounted) {
    _isMounted = isMounted;
  }

  Future<String> fetchData() async {
    await Future.delayed(const Duration(seconds: 2));
    final data = '获取到的数据';
    
    // 操作前先确认组件还挂载
    if (_isMounted()) {
      notifyListeners();
    }
    return data;
  }
}

// 在StatefulWidget中初始化ViewModel
class _MyScreenState extends State<MyScreen> {
  @override
  void initState() {
    super.initState();
    Provider.of<MyViewModel>(context, listen: false).init(() => mounted);
  }
  
  // ...其他UI代码
}

核心原则 #

• 尽量不在ViewModel中持有BuildContext，保持UI与业务逻辑分离
• 所有依赖BuildContext的操作，优先放在Widget层执行，并在操作前检查mounted
• 使用Provider的listen: true时，Consumer/Selector会自动监听状态变化，此时组件默认处于挂载状态，可减少手动判断

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