Flutter中Chewie自定义控制器:如何隐藏全屏、静音及时间控件?
如何在Chewie中隐藏全屏、静音及时间相关控件
嘿,这个问题其实很好解决!Chewie 提供了ControlsConfiguration类来精细化控制播放控件的显示与隐藏,你只需要在初始化ChewieController时添加这个配置参数,就能精准隐藏你不需要的控件。
具体来说,你需要用到以下几个配置项:
showFullscreenButton: false:隐藏全屏切换按钮showMuteButton: false:隐藏静音按钮showDuration: false:隐藏视频总时长显示showRemainingTime: false:隐藏剩余播放时间显示- 如果你连进度条也想隐藏,可以额外加上
showProgress: false
下面是修改后的完整代码示例,直接替换你原来的ChewieController初始化部分即可:
_chewieController = ChewieController( videoPlayerController: _videoPlayerController, aspectRatio: 1, autoInitialize: true, autoPlay: true, looping: looping, // 添加控件配置,隐藏指定控件 controlsConfiguration: const ControlsConfiguration( showFullscreenButton: false, showMuteButton: false, showDuration: false, showRemainingTime: false, // 可选:如果需要隐藏进度条,取消下面这行注释 // showProgress: false, ), errorBuilder: (context, errorMessage) { return Center( child: Text('ERROR'), ); }, );
这样配置后,你指定的那些控件就会从播放界面中消失啦。如果之后需要调整显示哪些控件,只需要修改ControlsConfiguration里的对应参数即可。
内容的提问来源于stack exchange,提问作者DolDurma
相关产品推荐
相关产品推荐

