feat (android): add support to Instagram Stories video sharing

[kaioduarte]

Overview

Background video assets currently is only available for iOS, this PR aims to add support for Android as well.

• Fixes Can't share instagram video story on Android #907

Test Plan

Minimal example

import React from 'react';
import {StyleSheet, View, Button} from 'react-native';

import RNFetchBlob from 'rn-fetch-blob';
import Share from 'react-native-share';

const App = () => {
  const share = async () => {
    try {
      const cache = await RNFetchBlob.config({
        fileCache: true,
        appendExt: 'mp4',
      }).fetch('GET', 'https://www.w3schools.com/html/mov_bbb.mp4');

      await Share.shareSingle({
        social: Share.Social.INSTAGRAM_STORIES,
        method: Share.InstagramStories.SHARE_BACKGROUND_VIDEO,
        backgroundVideo: `file://${cache.path()}`,
      });
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <View style={styles.container}>
      <Button title="Share Video" onPress={share} />
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default App;

Example

video_2020-12-21_18-19-08.mp4

[MateusAndrade]

Thanks, @kaioduarte! 🚀 🚀 🚀

[MateusAndrade]

🎉 This PR is included in version 4.1.1 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[EstebanFuentealba]

Hi, @MateusAndrade @kaioduarte I think you should not add provider logic to the generic class (ShareIntent.java). for that I should extend the class and add another social item

and override the "open" method and add that logic like

// ...
public class InstagramStoriesShare extends SingleShareIntent {
// ...
    @Override
    public void open(ReadableMap options) throws ActivityNotFoundException {
        super.open(options);
        //  extra params here
        if (ShareIntent.hasValidKey("method", options)) {
                String method = options.getString("method");
                switch (method) {
                    case "shareBackgroundVideo": {
                    // ...
                    }
                    case "shareBackgroundImage": {
                    // ...
                    }
                    case "shareStickerImage": {
                    // ...
                    }
                    case "shareBackgroundAndStickerImage": {
                    // ...
                    }
                }
        }
        this.openIntentChooser(options);
    }
}

Gracias por compartir y aportar!

Saludos!

[MateusAndrade]

Hi, @MateusAndrade @kaioduarte I think you should not add provider logic to the generic class (ShareIntent.java). for that I should extend the class and add another social item

and override the "open" method and add that logic like

// ...
public class InstagramStoriesShare extends SingleShareIntent {
// ...
    @Override
    public void open(ReadableMap options) throws ActivityNotFoundException {
        super.open(options);
        //  extra params here
        if (ShareIntent.hasValidKey("method", options)) {
                String method = options.getString("method");
                switch (method) {
                    case "shareBackgroundVideo": {
                    // ...
                    }
                    case "shareBackgroundImage": {
                    // ...
                    }
                    case "shareStickerImage": {
                    // ...
                    }
                    case "shareBackgroundAndStickerImage": {
                    // ...
                    }
                }
        }
        this.openIntentChooser(options);
    }
}

Gracias por compartir y aportar!

Saludos!

Nice suggestion, do you think we can go on with that @kaioduarte ?

[kaioduarte]

So we thought the same, @EstebanFuentealba!

I'm implementing FacebookStories right now and I already moved the logic to the provider. @MateusAndrade after that I can refactor the InstagramStories provider 😉.

Thanks guys.

[Lg0gs]

@kaioduarte
Which version are you using?

[kaioduarte]

@kaioduarte
Which version are you using?

Do you mean the Android version? It's 11.