flutter - 如何在下一页中打开视频?

标签 flutter dart flutter-layout

我只需要在主页上显示视频的名称,如果单击特定的视频名称,则必须打开视频播放器。我该如何实现?

最佳答案

制作一个单独的屏幕,在其中可以实现视频播放器。使用video playerchewie player这个包。您只需传递所选视频的URL或视频文件。如果视频在 Assets 中,您还可以传递 Assets 名称。

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

    class ChewieDemo extends StatefulWidget {
         ChewieDemo({this.url});

          final String url;

        @override
        State<StatefulWidget> createState() {
          return _ChewieDemoState();
          }
      }

    class _ChewieDemoState extends State<ChewieDemo> {

         VideoPlayerController _videoPlayerController;

         ChewieController _chewieController;
      

      @override
      void initState() {
        super.initState();
        _videoPlayerController = VideoPlayerController.network(
           widget.url);

         _chewieController = ChewieController(
        videoPlayerController: _videoPlayerController,
         aspectRatio: 3 / 2,
         autoPlay: true,
         looping: true,
 
          );
         }

     @override
     void dispose() {
     _videoPlayerController.dispose();

      _chewieController.dispose();
      super.dispose();
      }

     @override
    Widget build(BuildContext context) {
      return Scaffold(
     appBar: AppBar(),
    body: 
        Container(
         height: MediaQuery.of(context).size.height * 0.5,
         width:  MediaQuery.of(context).size.width * 0.5,
          child: Center(
            child: Chewie(
              controller: _chewieController,
            ),
          ),
        ),
        ),
     
  );

    }
     }

关于flutter - 如何在下一页中打开视频?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63736914/

相关文章:

java - 使用不包含 Navigator (Flutter) 的上下文请求的 Navigator 操作

asynchronous - 在 Flutter 应用程序中处理异步 wifi 检查

flutter - 没有 PageView 的图片轮播

dart - 如何解析YouTube持续时间至今?

google-app-engine - 在没有 JsProxy 的情况下使 Dart-Polymer 模型类可反射

dart - 如何在 Dart 中写入时处理用户输入

flutter - 通过点击动画调整 ListView 项目的大小

dart - 底部被 Infinity 像素溢出的 RenderFlex

Flutter 搜索无法覆盖某些主题样式

Flutter Appbar标题灰色背景显示