如何隐藏react-native-video中的额外控件

发布于 2025-01-19 05:03:48 字数 575 浏览 4 评论 0 原文

我正在使用React-Native-video，并且正在尝试弄清楚如何仅隐藏下图中的两个按钮（标题和条形图）。我仍然想要清理和时间。传递控件= false隐藏我不想要的一切。

这是我当前的播放器组件设置

<Video
          onPlaybackRateChange={onPlaybackRateChange}
          source={{ uri }}
          resizeMode="contain"
          useNativeDriver={true}
          style={styles.video}
          disableTimer={true}
          controls={true}
        />

原文

I'm using react-native-video and I am trying to figure out how to hide only the two buttons (caption and bar graph thing) in the image below.
I still want the scrubbar and time. Passing controls=false hides everything which I dont want.

This is my current player component setup

<Video
          onPlaybackRateChange={onPlaybackRateChange}
          source={{ uri }}
          resizeMode="contain"
          useNativeDriver={true}
          style={styles.video}
          disableTimer={true}
          controls={true}
        />

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

笑饮青盏花 2025-01-26 05:03:48

我认为你应该使用 controls={true} 属性隐藏控件，并使用其他包进行电影控制，例如 react-native-video-controls 或 react-native-video-player 如文档

回复收藏 0 原文

冷心人i 2025-01-26 05:03:48

React Native Video中有一个配置属性可以自定义控件，但似乎不包含字幕。

controlsStyles={{
  hidePosition: false,
  hidePlayPause: false,
  hideForward: false,
  hideRewind: false,
  hideNext: false,
  hidePrevious: false,
  hideFullscreen: false,
  hideSeekBar: false,
  hideDuration: false,
  hideNavigationBarOnFullScreenMode: true,
  hideNotificationBarOnFullScreenMode: true,
  hideSettingButton: true,
  seekIncrementMS: 10000,
  liveLabel: "LIVE"
}}

https://docs.thewidlarzgroup.com/reaeact-native-video/组件/道具＃控制

There is a config property in react native video to customize the controls but it doesn't seem to include the captions.

controlsStyles={{
  hidePosition: false,
  hidePlayPause: false,
  hideForward: false,
  hideRewind: false,
  hideNext: false,
  hidePrevious: false,
  hideFullscreen: false,
  hideSeekBar: false,
  hideDuration: false,
  hideNavigationBarOnFullScreenMode: true,
  hideNotificationBarOnFullScreenMode: true,
  hideSettingButton: true,
  seekIncrementMS: 10000,
  liveLabel: "LIVE"
}}

https://docs.thewidlarzgroup.com/react-native-video/component/props#controls

回复收藏 0 原文

~没有更多了~