Flutter从MySQL获取视频时ChewieController未初始化问题求助

问题核心是异步初始化控制器时，build方法会先执行，此时未完成初始化的控制器会触发未初始化错误；改成可空类型后，若判断逻辑不严谨或dispose时未做空检查，仍会报错。以下是修正后的完整代码：

import 'package:chewie/chewie.dart';
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';

class PlayVideoChewie extends StatefulWidget {
  final String url;
  const PlayVideoChewie({required this.url});

  @override
  State<PlayVideoChewie> createState() => _PlayVideoChewieState();
}

class _PlayVideoChewieState extends State<PlayVideoChewie> {
  // 将控制器改为可空类型，初始值为null
  VideoPlayerController? videoPlayerController;
  ChewieController? chewieController;

  Future initializeVideo() async {
    try {
      // 先创建局部控制器，初始化完成后再赋值给成员变量
      final tempVideoController = VideoPlayerController.network(widget.url);
      await tempVideoController.initialize();

      setState(() {
        videoPlayerController = tempVideoController;
        chewieController = ChewieController(
          videoPlayerController: tempVideoController,
          autoPlay: true,
          looping: true,
        );
      });
    } catch (e) {
      // 捕获视频加载异常，可根据需求添加UI提示
      debugPrint('视频初始化失败: $e');
    }
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Playvid"),
      ),
      body: Container(
        height: 250,
        // 严谨判断控制器状态：视频控制器已初始化且Chewie控制器不为null
        child: videoPlayerController?.value.isInitialized == true && chewieController != null
            ? Chewie(controller: chewieController!)
            : const Center(child: CircularProgressIndicator()),
      ),
    );
  }

  @override
  void dispose() {
    // 销毁前先判断控制器是否存在，避免空指针
    videoPlayerController?.dispose();
    chewieController?.dispose();
    super.dispose();
  }
}

关键修改说明： #

• 可空变量声明：将两个控制器改为可空类型，避免late修饰符在异步初始化时的未初始化错误。
• 局部控制器初始化：先创建局部控制器完成初始化，再通过setState更新成员变量，确保状态更新后UI才会渲染视频组件。
• 严谨的状态判断：在build中同时检查视频控制器是否初始化完成、Chewie控制器是否不为null，避免提前渲染导致的错误。
• 空安全的销毁逻辑：dispose时使用?.操作符，确保只有控制器存在时才执行销毁操作，避免空指针异常。
• 异常捕获：添加try-catch捕获视频加载异常，方便排查网络或视频地址问题。

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