Flutter 使用 FittedBox对VideoPlayer进行全屏适配，无拉伸

最新推荐文章于 2024-09-11 08:08:33 发布

mldxs

最新推荐文章于 2024-09-11 08:08:33 发布

阅读量1.6k

点赞数

文章标签： flutter

本文链接：https://blog.csdn.net/mldxs/article/details/130920223

版权

为了解决VideoPlayer在全屏时出现黑边或拉伸的问题，可以使用SizedBox配合FittedBox和BoxFit.cover。首先，VideoPlayer需要被一个宽度和高度明确的SizedBox包裹，然后这个SizedBox再放在FittedBox中，以保持纵横比不失真地填充空间。

摘要由CSDN通过智能技术生成

为了实现视频全屏播放，不留黑边不拉伸的效果：

开始的时候我尝试使用下面的代码进行适配，但是直接报错，ViedoPlayer属于Texture，不可以直接包裹在FittedBox下，必须再给VideoPlayer嵌套一层宽高明确的控件。

FittedBox(
                      fit: BoxFit.cover,
                        child: VideoPlayer(controller: _playerControler.getMainController()),
                      ),

最后参考了：Flutter videoplayer适配_kgdtl的博客-CSDN博客

Center(
      child: SizedBox.expand(
             child: FittedBox(
                fit: BoxFit.cover,
                child: SizedBox(
                    height: 16,
                    width: 9,
                    child: VideoPlayer(player.controller)),
              )
));