Fix Android share issue

Author: adimiz1

example/VideoLayerDemo.tsx

@@ -31,7 +31,7 @@ export default function VideoLayerDemo({ onBack }: VideoLayerDemoProps) {
       <CLDVideoLayer
         cldVideo={createMyVideoObject()}
         onBack={onBack}
-        onShare={handleShare}
+        // onShare={handleShare}
         // Example: Position back button in top-left (NW) and share button in top-right (NE)
         backButtonPosition={ButtonPosition.NW}
         shareButtonPosition={ButtonPosition.NE}

example/babel.config.js

@@ -2,5 +2,10 @@ module.exports = function(api) {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],
+    plugins: [
+      ['@babel/plugin-transform-class-properties', { loose: true }],
+      ['@babel/plugin-transform-private-methods', { loose: true }],
+      ['@babel/plugin-transform-private-property-in-object', { loose: true }],
+    ],
   };
 };

src/AdvancedVideo.tsx

@@ -34,6 +34,7 @@ export interface AdvancedVideoRef {
   pauseAsync: () => Promise<void>;
   setIsMutedAsync: (isMuted: boolean) => Promise<void>;
   setPositionAsync: (positionMillis: number) => Promise<void>;
+  setStatusAsync: (status: any) => Promise<void>;
 }
 
 class AdvancedVideo extends Component<AdvancedVideoProps, AdvancedVideoState> {
@@ -206,7 +207,8 @@ class AdvancedVideo extends Component<AdvancedVideoProps, AdvancedVideoState> {
   public playAsync = async () => {
     if (this.videoRef.current) {
       try {
-        await this.videoRef.current.playAsync();
+        // expo-av uses setStatusAsync for playback control
+        await this.videoRef.current.setStatusAsync({ shouldPlay: true });
       } catch (error) {
         console.warn('Failed to play video:', error);
       }
@@ -216,7 +218,8 @@ class AdvancedVideo extends Component<AdvancedVideoProps, AdvancedVideoState> {
   public pauseAsync = async () => {
     if (this.videoRef.current) {
       try {
-        await this.videoRef.current.pauseAsync();
+        // expo-av uses setStatusAsync for playback control
+        await this.videoRef.current.setStatusAsync({ shouldPlay: false });
       } catch (error) {
         console.warn('Failed to pause video:', error);
       }
@@ -226,7 +229,8 @@ class AdvancedVideo extends Component<AdvancedVideoProps, AdvancedVideoState> {
   public setIsMutedAsync = async (isMuted: boolean) => {
     if (this.videoRef.current) {
       try {
-        await this.videoRef.current.setIsMutedAsync(isMuted);
+        // expo-av uses setStatusAsync for muting
+        await this.videoRef.current.setStatusAsync({ isMuted });
       } catch (error) {
         console.warn('Failed to set muted state:', error);
       }
@@ -236,13 +240,25 @@ class AdvancedVideo extends Component<AdvancedVideoProps, AdvancedVideoState> {
   public setPositionAsync = async (positionMillis: number) => {
     if (this.videoRef.current) {
       try {
-        await this.videoRef.current.setPositionAsync(positionMillis);
+        // expo-av uses setStatusAsync for seeking
+        await this.videoRef.current.setStatusAsync({ positionMillis });
       } catch (error) {
         console.warn('Failed to set position:', error);
       }
     }
   };
 
+  public setStatusAsync = async (status: any) => {
+    if (this.videoRef.current) {
+      try {
+        // Forward to underlying video component
+        await this.videoRef.current.setStatusAsync(status);
+      } catch (error) {
+        console.warn('Failed to set status:', error);
+      }
+    }
+  };
+
   render() {
     const videoUri = this.getVideoUri();
     console.log('AdvancedVideo - Render:', {

src/adapters/ExpoAVVideoAdapter.tsx

@@ -41,7 +41,11 @@ export class ExpoAVVideoAdapter implements VideoPlayerAdapter {
     const { Video } = this.expoAVModule;
 
     return React.createElement(Video, {
-      ref,
+      ref: (videoInstance: any) => {
+        if (ref && typeof ref === 'object' && 'current' in ref) {
+          ref.current = videoInstance;
+        }
+      },
       source: { uri: props.videoUri },
       style: props.style,
       useNativeControls: false,

src/widgets/video/layer/CLDVideoLayer.tsx

@@ -86,7 +86,7 @@ export class CLDVideoLayer extends React.Component<CLDVideoLayerProps, CLDVideoL
                     validSeekPosition >= 0 && 
                     validSeekPosition < this.state.status.durationMillis) {
 
-                  this.videoRef.current.setPositionAsync(validSeekPosition).catch((error) => {
+                  this.videoRef.current.setStatusAsync({ positionMillis: validSeekPosition }).catch((error: any) => {
                     console.warn('Seek failed:', error);
                     this.setState({
                       isSeeking: false,
@@ -266,9 +266,9 @@ export class CLDVideoLayer extends React.Component<CLDVideoLayerProps, CLDVideoL
     if (this.videoRef.current) {
       try {
         if (this.state.status?.isPlaying) {
-          await this.videoRef.current.pauseAsync();
+          await this.videoRef.current.setStatusAsync({ shouldPlay: false });
         } else {
-          await this.videoRef.current.playAsync();
+          await this.videoRef.current.setStatusAsync({ shouldPlay: true });
         }
       } catch (error) {
         console.warn('Failed to toggle play/pause:', error);

src/widgets/video/layer/hooks.ts

@@ -142,7 +142,7 @@ export const useVideoSeeking = () => {
                   validSeekPosition < status.durationMillis) {
 
                 lastSeekTime.current = now;
-                videoRef.current.setPositionAsync(validSeekPosition).catch((error: any) => {
+                videoRef.current.setStatusAsync({ positionMillis: validSeekPosition }).catch((error: any) => {
                   console.warn('Seek failed:', error);
                   resolve({
                     isSeeking: false,

src/widgets/video/layer/utils.ts

@@ -1,4 +1,4 @@
-import { Share } from 'react-native';
+import { Share, Platform } from 'react-native';
 import type { CloudinaryVideo } from '@cloudinary/url-gen';
 
 /**
@@ -18,7 +18,7 @@ export const handleDefaultShare = async (cldVideo: CloudinaryVideo): Promise<voi
   try {
     const videoUrl = cldVideo.toURL();
     await Share.share({
-      message: '',
+      message: Platform.OS === 'ios' ? '' : videoUrl,
       url: videoUrl,
     });
   } catch (error) {