You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 08:12:27