我在YouTube播放器颤动时有一些问题

Question

我一直在尝试自己解决这个问题，但我只是接受了我不能。所以我在这里向你们寻求帮助。我正在尝试使用YouTube Player Flutter插件，并创建了我选择使用ListTile，ListView和FutureBuilder的频道的视频列表。我要做的是：当我单击一些视频时，我希望它播放。因此，我正在尝试使用fenuredetector，但是问题是我不知道如何使用YouTube播放器作为ONTAP或手势检测器的播放器。我不知道我是否做得很好，我接受了更好的方法或解决方案的建议；我的问题之一是：LateInitializationError：field'_controller@25000317'尚未初始化。因此，老实说，我不知道该如何使用它，但是当我使用它时，这是我的问题。因此，如果我不使用that，则必须更改我的代码。来自：晚期YouTubePlayerController _controller;到：YouTubePlayerController？ _控制器;如果我这样做，我必须使用_ Controller！而且我有一个错误：NULL检查运算符在空值上使用，因此我尝试了很多方法不使用NULL检查操作员在空值上使用，但我不能使用。如果你们也可以帮助我，我会很高兴的。

这是代码

import 'package:flutter/material.dart';
import 'package:mood3/model/Video.dart';
import 'package:mood3/telas/Api.dart';
import 'package:youtube_player_flutter/youtube_player_flutter.dart';

class Videos extends StatefulWidget {

 @override
 State<Videos> createState() => _VideosState();
}

class _VideosState extends State<Videos> {
late YoutubePlayerController _controller;





 _listarVideos() {
   Api api = Api();
   return api.pesquisar("");
 }

 @override
 Widget build(BuildContext context) {


   return Container(

     padding: EdgeInsets.all(16),
     child: FutureBuilder<List<Video>?>(
       future: _listarVideos(),
       builder: (context, snapshot){
         switch(snapshot.connectionState){
           case ConnectionState.none:
           case ConnectionState.waiting:
             return Center(
               child: CircularProgressIndicator(),
             );
             break;
           case ConnectionState.active:
           case ConnectionState.done:
             if(snapshot.hasData){
               return ListView.separated(
                   itemBuilder: (context, index){

                     List<Video>? videos = snapshot.data;
                     Video video = videos![ index ];

                     return GestureDetector(
                       onTap: (){
                         void runYoutubeplayer() {
                           _controller = YoutubePlayerController(
                             initialVideoId: video.id.toString() ,
                             flags: YoutubePlayerFlags(
                               autoPlay: false,
                               mute: false,
                             ),
                           );
                         }
                         setState(() {
                           _controller.load(video.id.toString());

                         });

                       },
                       child: Column(
                         children: <Widget>[
                           Container(
                             height: 200,
                             decoration: BoxDecoration(
                                 image: DecorationImage(
                                     fit: BoxFit.cover,
                                     image: NetworkImage( video.imagem! )
                                 )
                             ),
                           ),
                           ListTile(
                             title: Text( video.titulo! ),
                             subtitle: Text( video.canal! ),
                           )
                         ],
                       ),
                     );

                   },
                   separatorBuilder: (context, index) => Divider(
                     height: 2,
                     color: Colors.grey,
                   ),
                   itemCount: snapshot.data!.length
               );
             }else{
               return Center(
                 child: Text("Nenhum dado a ser exibido!"),
               );

             }
             break;
         }
       },
     ),);
 }
}