如何在React Native Expo视频组件中隐藏全屏按钮

要隐藏原生控件中的全屏按钮，可通过Video组件的nativeControlsProps属性针对iOS和Android分别配置：

• iOS平台：设置fullscreenButtonEnabled: false
• Android平台：设置showFullscreenButton: false

修改你的Video组件代码如下：

<Video
  ref={video}
  style={{ width: "100%", height: '100%' }}
  source={{
    uri: 'https://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4',
  }}
  useNativeControls={showControls}
  shouldPlay
  resizeMode={ResizeMode.CONTAIN}
  onPlaybackStatusUpdate={status => setStatus(() => status)}
  // 添加配置隐藏全屏按钮
  nativeControlsProps={{
    ios: {
      fullscreenButtonEnabled: false,
    },
    android: {
      showFullscreenButton: false,
    },
  }}
/>

配置完成后，当showControls为true显示原生控件时，全屏按钮会被隐藏。

内容的提问来源于stack exchange，提问作者Lalmi Mohammed Issam