Error: Ocorreu uma exceção. LateError (LateInitializationError: Field '_videoController@29114855' has not been initialized.)

[gabRochaOliv]

Não sei mais oque fazer, se alguém puder me auxiliar, estou enfrentando esse erro faz muito tempo, sou iniciante em dart e o erro é esse:
Error: Ocorreu uma exceção. LateError (LateInitializationError: Field '_videoController@29114855' has not been initialized.)

import 'package:video_player/video_player.dart';

class BalancoContabilPage extends StatefulWidget {
  const BalancoContabilPage({Key? key}) : super(key: key);

  @override
  State<BalancoContabilPage> createState() => _BalancoContabilPageState();
}

class _BalancoContabilPageState extends State<BalancoContabilPage>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;
  late List<Widget> _tabContents;
  late VideoPlayerController _videoController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 3, vsync: this);
    _tabController.addListener(_handleTabSelection);
    _tabContents = [
      _buildVideoPlayerTab(),
      Center(child: Text('Conteúdo da Tab 2')),
      Center(child: Text('Conteúdo da Tab 3')),
    ];
    _initializeVideoPlayer();
  }

  void _initializeVideoPlayer() async {
    _videoController = VideoPlayerController.asset(
      'assets/bemvindo.mp4',
    );

    await _videoController.initialize();
    if (mounted) {
      setState(() {}); // Atualiza o estado após a inicialização do vídeo
      _videoController.play(); // Inicia a reprodução do vídeo após a inicialização
      _videoController.setLooping(true); // Define a reprodução em loop
    }
  }

  Widget _buildVideoPlayerTab() {
    if (_videoController.value.isInitialized) {
      return Center(
        child: AspectRatio(
          aspectRatio: _videoController.value.aspectRatio,
          child: VideoPlayer(_videoController),
        ),
      );
    } else {
      return Center(child: CircularProgressIndicator());
    }
  }

  void _handleTabSelection() {
    setState(() {
      _selectedTabIndex = _tabController.index;
    });
  }

  @override
  void dispose() {
    _tabController.dispose();
    _videoController.dispose();
    super.dispose();
  }

  int _selectedTabIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Balanço Contábil'),
        backgroundColor: Theme.of(context).appBarTheme.backgroundColor ??
            const Color.fromRGBO(33, 150, 243, 1),
        bottom: PreferredSize(
          preferredSize: Size.fromHeight(kToolbarHeight),
          child: Container(
            color: const Color.fromARGB(255, 244, 243, 243),
            child: Center(
              child: TabBar(
                controller: _tabController,
                isScrollable: false,
                tabs: const [
                  Tab(
                    child: Text(
                      'Sinal',
                      textAlign: TextAlign.center,
                    ),
                  ),
                  Tab(
                    child: Text(
                      'Língua\nPortuguesa',
                      textAlign: TextAlign.center,
                    ),
                  ),
                  Tab(
                    child: Text(
                      'Visual',
                      textAlign: TextAlign.center,
                    ),
                  ),
                ],
                labelStyle: const TextStyle(
                  fontSize: 18,
                ),
                labelPadding: const EdgeInsets.symmetric(
                  horizontal: 15,
                ),
              ),
            ),
          ),
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: _tabContents,
      ),
    );
  }
}

O erro ocorre aqui :

    with SingleTickerProviderStateMixin {
  late TabController _tabController;
  late List<Widget> _tabContents;
  late VideoPlayerController _videoController;

Eu esperava que o vídeo aparecesse e rodasse automaticamente na aba "Balanço Contabil ..", mas ele sempre chega nessa Exception.

[eduardoflorence]

O erro se refere a você usar a variável _videoController antes de ser inicializada.
Ao usar late você não precisa dar um valor inicial para a variável, mas passa a ter a responsabilidade de inicializar a variável antes que ela seja usada.
Esta variável só é inicializada no método _initializeVideoPlayer, que é assíncrono. Por ser assíncrono, a view será construída antes que ele seja executado e acontece o erro.

Mova somente a inicialização de _videoController do método _initializeVideoPlayer() para o initState:

@override
void initState() {
  ...
  _videoController = VideoPlayerController.asset(
     'assets/bemvindo.mp4',
  );
  _initializeVideoPlayer();
}

void _initializeVideoPlayer() async {
  await _videoController.initialize();
  if (mounted) {
    setState(() {}); // Atualiza o estado após a inicialização do vídeo
    _videoController.play(); // Inicia a reprodução do vídeo após a inicialização
    _videoController.setLooping(true); // Define a reprodução em loop
  }
}

[gabRochaOliv]

Cara, estou muito grato pela ajuda com o erro de Exception! Mas agora me deparei com um novo desafio: o vídeo que estou tentando exibir mostra apenas um círculo girando infinitamente no centro da tela, sem nunca aparecer. Alguma ideia de como resolver isso? Estou começando a pensar se o uso do import'package:video_player/video_player.dart'; foi a melhor opção, talvez ele seja muito pesado. O que você acha?

Se quiser dar uma olhada no projeto --> https://github.com/gabRochaOliv/ProjectContaLibras

[eduardoflorence]

Você cometeu alguns erros:

• O círculo girando é porque você está usando o FutureBuilder com uma variável (_initializeVideoPlayerFuture) que nunca tem seu valor definido, então esse future nunca será completado
• Está definindo o valor de _tabContents dentro do initState, então ele só será executado uma única vez, mesmo que utilize o setState, mas ele precisa ser definido a cada rebuild, pois é necessário verificar se o vídeo já foi reiniciado para mostrá-lo. Então o correto é colocar sua definição dentro do método build
• Não precisa usar FutureBuilder, pois o VideoPlayerController tem um método em seu value para ver se o vídeo já foi inicializado

Abaixo segue o código de BalancoContabilPage.dart funcionando e parabéns pelo projeto:

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

class BalancoContabilPage extends StatefulWidget {
  const BalancoContabilPage({Key? key}) : super(key: key);

  @override
  State<BalancoContabilPage> createState() => _BalancoContabilPageState();
}

class _BalancoContabilPageState extends State<BalancoContabilPage>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;
  late List<Widget> _tabContents;
  late VideoPlayerController _videoController;
  
  int _selectedTabIndex = 0;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 3, vsync: this);
    _tabController.addListener(_handleTabSelection);
    _videoController = VideoPlayerController.asset(
      'assets/bemvindo.mp4',
    );

    _initializeVideoPlayer();
  }

  Future<void> _initializeVideoPlayer() async {
    await _videoController.initialize();
    setState(() {}); // Atualiza o estado após a inicialização do vídeo
    await _videoController
        .play(); // Inicia a reprodução do vídeo após a inicialização
    await _videoController.setLooping(true); // Define a reprodução em loop
  }

  Widget _buildVideoPlayerTab() {
    if (_videoController.value.isInitialized) {
      return Center(
        child: AspectRatio(
          aspectRatio: _videoController.value.aspectRatio,
          child: VideoPlayer(_videoController),
        ),
      );
    } else {
      return const Center(child: CircularProgressIndicator());
    }
  }

  void _handleTabSelection() {
    setState(() {
      _selectedTabIndex = _tabController.index;
    });
  }

  @override
  void dispose() {
    _tabController.dispose();
    _videoController.dispose();
    super.dispose();
  }


  @override
  Widget build(BuildContext context) {
    _tabContents = [
      _buildVideoPlayerTab(),
      const Center(child: Text('Conteúdo da Tab 2')),
      const Center(child: Text('Conteúdo da Tab 3')),
    ];
    return Scaffold(
      appBar: AppBar(
        title: const Text('Balanço Contábil'),
        backgroundColor: Theme.of(context).appBarTheme.backgroundColor ??
            const Color.fromRGBO(33, 150, 243, 1),
        bottom: PreferredSize(
          preferredSize: const Size.fromHeight(kToolbarHeight),
          child: Container(
            color: const Color.fromARGB(255, 244, 243, 243),
            child: Center(
              child: TabBar(
                controller: _tabController,
                isScrollable: false,
                tabs: const [
                  Tab(
                    child: Text(
                      'Sinal',
                      textAlign: TextAlign.center,
                    ),
                  ),
                  Tab(
                    child: Text(
                      'Língua\nPortuguesa',
                      textAlign: TextAlign.center,
                    ),
                  ),
                  Tab(
                    child: Text(
                      'Visual',
                      textAlign: TextAlign.center,
                    ),
                  ),
                ],
                labelStyle: const TextStyle(
                  fontSize: 18,
                ),
                labelPadding: const EdgeInsets.symmetric(
                  horizontal: 15,
                ),
              ),
            ),
          ),
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: _tabContents,
      ),
    );
  }
}

[gabRochaOliv]

Não sei como agradecer... Eu estava travado com o projeto por conta desses erros. Muito obrigado pela ajuda! É muito gratificante ter esse contato com pessoas como você.