fix: controller hidden back

huiqiangdev · Apr 14, 2022 · d5f97d4 · d5f97d4
1 parent 4c3c25e
commit d5f97d4
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 3 deletions.
diff --git a/src/ControllerTypes.ts b/src/ControllerTypes.ts
@@ -12,4 +12,12 @@ export type ControllerViewProps = {
   onFull?: () => void;
   title?: string;
   onBack?: () => void;
+  /**
+   * 是否隐藏返回按钮
+   */
+  isHiddenBack?: boolean;
+  /**
+   * 是否隐藏全屏返回按钮
+   */
+  isHiddenFullBack?: boolean;
 };
diff --git a/src/ControllerView.tsx b/src/ControllerView.tsx
@@ -40,6 +40,8 @@ const ControllerView = ({
   onSliderValueChange,
   onBack,
   title,
+  isHiddenBack = false,
+  isHiddenFullBack = false,
 }: ControllerViewProps) => {
   const [hide, setHide] = useState(false);
   const [width, setWidth] = useState(0);
@@ -138,10 +140,11 @@ const ControllerView = ({
     setWidth(e.nativeEvent.layout.width);
   };
   const renderContainer = () => {
+    const showBack = !isFull && !isHiddenBack;
     if (isLoading) {
       return (
         <>
-          {!isFull && (
+          {showBack && (
             <View style={styles.top}>
               <TouchableOpacity onPress={onBack}>
                 <Image
@@ -161,7 +164,7 @@ const ControllerView = ({
     if (hide) {
       return (
         <>
-          {!isFull && (
+          {showBack && (
             <View style={styles.top}>
               <TouchableOpacity onPress={onBack}>
                 <Image
@@ -183,7 +186,7 @@ const ControllerView = ({
             )}`}</Text>
           </View>
         )}
-        {isFull ? (
+        {isFull && !isHiddenFullBack ? (
           <View style={styles.top}>
             <TouchableOpacity onPress={onFull}>
               <Image

diff --git a/src/PlayTypes.ts b/src/PlayTypes.ts
@@ -16,6 +16,14 @@ export type VideoPlayerProps = Omit<AliVideoViewProps, 'ref'> & {
   onBufferProgress?: (progress: number) => void;
   onPrepare?: (duration: number) => void;
   isLandscape?: boolean;
+  /**
+   * 是否隐藏返回按钮
+   */
+  isHiddenBack?: boolean;
+  /**
+   * 是否隐藏全屏返回按钮
+   */
+  isHiddenFullBack?: boolean;
 };
 export type VideoPlayerHandler = {
   play: () => void;

diff --git a/src/index.tsx b/src/index.tsx
@@ -40,6 +40,8 @@ const VideoPlayer = forwardRef(
       onAliError,
       onAliPrepared,
       onAliRenderingStart,
+      isHiddenBack,
+      isHiddenFullBack,
       ...rest
     }: VideoPlayerProps,
     ref: React.Ref<VideoPlayerHandler>
@@ -241,6 +243,8 @@ const VideoPlayer = forwardRef(
           current={currentTime}
           isFull={isFull}
           onFull={onFull}
+          isHiddenBack={isHiddenBack}
+          isHiddenFullBack={isHiddenFullBack}
           buffer={buffer}
           isError={false}
           isLoading={loading}