Flutter异步操作跨间隙使用BuildContext触发警告问题求助

这个警告的核心原因是：你在await异步操作（读取文件）之后才使用context跳转页面——等待文件加载的这段时间里，用户可能已经退出当前页面（比如按返回键），此时原Widget已经被销毁，再用这个context会触发异常，Flutter用这个警告提醒你潜在的崩溃风险。

下面给你两种可行的解决方法：

方案一：用mounted检查Widget状态 #

在执行导航前，先判断当前Widget是否还处于挂载状态，确保context可用：

void _onButtonPressed(BuildContext context) async {
  String contents = await rootBundle.loadString('assets/my_file.txt');
  List<String> lines = contents.split('\n');

  String contents2 = await rootBundle.loadString('assets/my_file_2.txt');
  List<String> lines2 = contents2.split('\n');

  int data = 9;
  // 根据lines修改data的逻辑

  // 先确认Widget未被销毁，再执行导航
  if (!mounted) return;
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => NewScreen(data: data),
    ),
  );
}

注：mounted是StatefulWidget中State类的属性；如果是StatelessWidget，可直接用context.mounted判断（Flutter 3.7及以上版本支持）。

方案二：将文件读取逻辑移到新页面（你之前尝试的思路） #

把文件路径传给新页面，在新页面内部完成文件读取和数据处理，彻底避免在原页面的异步操作后使用context：

原页面按钮逻辑修改： #

void _onButtonPressed(BuildContext context) {
  // 直接跳转，传递文件路径
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => NewScreen(
        filePaths: ['assets/my_file.txt', 'assets/my_file_2.txt'],
      ),
    ),
  );
}

新页面（NewScreen）实现： #

class NewScreen extends StatefulWidget {
  final List<String> filePaths;

  const NewScreen({super.key, required this.filePaths});

  @override
  State<NewScreen> createState() => _NewScreenState();
}

class _NewScreenState extends State<NewScreen> {
  int? data;
  bool isLoading = true;

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

  Future<void> _loadAndProcessData() async {
    String contents = await rootBundle.loadString(widget.filePaths[0]);
    List<String> lines = contents.split('\n');

    String contents2 = await rootBundle.loadString(widget.filePaths[1]);
    List<String> lines2 = contents2.split('\n');

    int tempData = 9;
    // 根据lines修改tempData的逻辑

    setState(() {
      data = tempData;
      isLoading = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    if (isLoading) {
      return const Scaffold(
        body: Center(child: CircularProgressIndicator()),
      );
    }

    return Scaffold(
      body: Center(child: Text('处理后的数据：$data')),
    );
  }
}

这种方法把数据处理和页面导航解耦，还能在新页面通过加载状态给用户反馈，体验更友好。

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