我是初学者,不是专业开发人员,我有一个小项目,其中包含列表视图中的视频列表。我使用 Chewie 包来显示视频。
我使用下面的代码作为chewie :
import 'package:chewie/chewie.dart';
import 'package:flutter/material.dart';
import 'package:video_player/video_player.dart';
class ChewieListItem extends StatefulWidget {
// This will contain the URL/asset path which we want to play
final VideoPlayerController videoPlayerController;
final bool looping;
ChewieListItem({
@required this.videoPlayerController,
this.looping,
Key key,
}) : super(key: key);
@override
_ChewieListItemState createState() => _ChewieListItemState();
}
class _ChewieListItemState extends State<ChewieListItem> {
ChewieController _chewieController;
@override
void initState() {
super.initState();
// Wrapper on top of the videoPlayerController
_chewieController = ChewieController(
videoPlayerController: widget.videoPlayerController,
aspectRatio: 16/9,
// Prepare the video to be played and display the first frame
autoInitialize: true,
looping: widget.looping,
// Errors can occur for example when trying to play a video
// from a non-existent URL
errorBuilder: (context, errorMessage) {
return Center(
child: Text(
errorMessage,
style: TextStyle(color: Colors.white),
),
);
},
);
}
@override
Widget build(BuildContext context) {
return Container(
height: (MediaQuery.of(context).size.width)/16*9,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
color: Colors.red,
),
//padding: const EdgeInsets.all(8.0),
child: Chewie(
controller: _chewieController,
),
);
}
@override
void dispose() {
super.dispose();
// IMPORTANT to dispose of all the used resources
widget.videoPlayerController.dispose();
_chewieController.dispose();
}
}
我有两个问题: 第一个是,如果我在构建方法中没有“高度”行
height: (MediaQuery.of(context).size.width)/16*9,
容器覆盖整个屏幕(纵向模式),视频控制器位于屏幕底部。 第二个问题是,如果我横向翻转屏幕,因为视频的大小小于屏幕的宽度,我的容器大于视频并且控制器超过了视频的大小。
我应该检索视频的大小以适应父容器的大小,但我不知道该怎么做。
我在 build 方法中尝试了以下内容(在 return 语句之前):
print(widget.videoPlayerController.value.size.width);
但是当我打印它时它给了我 0.0。
我还有一个额外的问题,但不是很烦人:环绕容器角的边框半径不起作用(实际上它被带有矩形角度的视频所覆盖)...
你能帮我吗? 我会很感激。
非常感谢您!
问候
伯纳德