Flutter：如何将main函数变量传入无状态组件？解决未定义错误

1. 修正变量作用域，将相机实例传入组件树 #

main函数里的faceCamera是局部变量，无法被MyCameraApp及其子组件访问，需要将它作为参数传递给MyCameraApp：

修改main函数： #

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final cameras = await availableCameras();
  final faceCamera = cameras.first;
  // 移除const，因为要传递非常量参数
  runApp(MyCameraApp(faceCamera: faceCamera));
}

修改MyCameraApp组件： #

让无状态组件接收faceCamera参数：

class MyCameraApp extends StatelessWidget {
  final CameraDescription faceCamera;

  // 构造函数标记必填参数
  const MyCameraApp({super.key, required this.faceCamera});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        // 其他UI代码
        floatingActionButton: FloatingActionButton.extended(
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                // 直接访问组件参数faceCamera
                builder: (context) => MyAppCameraPage(cameras: [faceCamera]),
              ),
            );
          },
          label: const Text('打开相机'),
        ),
      ),
    );
  }
}

2. 确保MyAppCameraPage正确初始化相机 #

在有状态的MyAppCameraPage中，需正确处理相机控制器的生命周期，避免"Camera not loaded"错误：

class MyAppCameraPage extends StatefulWidget {
  final List<CameraDescription> cameras;

  const MyAppCameraPage({super.key, required this.cameras});

  @override
  State<MyAppCameraPage> createState() => _MyAppCameraPageState();
}

class _MyAppCameraPageState extends State<MyAppCameraPage> {
  late CameraController _controller;
  late Future<void> _initializeControllerFuture;

  @override
  void initState() {
    super.initState();
    // 用传入的相机实例创建控制器
    _controller = CameraController(
      widget.cameras.first,
      ResolutionPreset.medium,
    );
    // 初始化控制器
    _initializeControllerFuture = _controller.initialize();
  }

  @override
  void dispose() {
    // 页面销毁时释放相机资源
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('相机预览')),
      body: FutureBuilder<void>(
        future: _initializeControllerFuture,
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.done) {
            // 初始化完成，显示预览
            return CameraPreview(_controller);
          } else {
            // 初始化中显示加载指示器
            return const Center(child: CircularProgressIndicator());
          }
        },
      ),
    );
  }
}

• 状态向下传递：避免用全局变量存储组件依赖数据，通过组件构造函数将数据沿组件树传递，符合Flutter单向数据流设计。
• UI由状态驱动：相机预览的显示依赖_initializeControllerFuture的异步状态，通过FutureBuilder自动根据状态更新UI，无需手动操作视图。
• 组件不可变性：无状态组件的参数设为final，确保组件仅由输入参数和自身状态决定，避免随意修改。
• 生命周期管理：在initState中初始化相机、dispose中释放资源，正确处理副作用，避免内存泄漏和相机占用问题。

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