使用card_swiper包展示视频时出现No MediaQuery widget ancestor found错误

错误原因 #

这个错误的核心是：你的代码中某个Widget（大概率是ContentScreen组件内部）尝试获取MediaQuery相关数据（比如屏幕尺寸、padding等），但它所在的Widget树中没有提供MediaQuery的祖先组件。

Flutter中，MediaQuery通常由MaterialApp或CupertinoApp自动注入到Widget树中，如果你的Reels1组件没有被包裹在这两个组件的子树里，或者ContentScreen的上下文脱离了这个环境，就会触发该错误。

解决方案 #

1. 确保Reels1在MaterialApp/CupertinoApp的子树中 #

这是最常见的修复方式，把Reels1作为MaterialApp的home或者路由页面：

void main() {
  runApp(const MaterialApp(
    home: Reels1(),
    debugShowCheckedModeBanner: false,
  ));
}

2. 检查ContentScreen的实现 #

如果ContentScreen内部直接调用了MediaQuery.of(context)，但它的上下文没有MediaQuery（比如你在ContentScreen里没有嵌套在Material组件中），可以给它套一层MediaQuery或者确保它的父级有Material组件。示例如下：

class ContentScreen extends StatelessWidget {
  final String src;
  const ContentScreen({super.key, required this.src});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: // 你的视频播放组件代码
    );
  }
}

额外检查 #

确认你的card_swiper包是最新版本，旧版本可能存在上下文传递的问题，运行flutter pub upgrade card_swiper更新依赖。

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