Jobeso / react-native-instagram-story-share

DEPRECATED: React Native Module for sharing to Instagram's storys
17 stars 7 forks source link

(Knowledge Transfer) Issues I Fought While Installing #3

Open jordangrant opened 6 years ago

jordangrant commented 6 years ago

Lots of work to get this running on React 0.56.0 but can confirm it does work so thank you @Jobeso.

  1. npm install react-native-instagram-story-share not instagram-share
  2. Downloaded this repo and copied the files in react-native-instagram-story-share over because they did not clone properly
  3. PodFile references React you already have (pasted at the end) 3.1. Delete /ios/Pods/React folder after Pod install if it's there
  4. Deployment Target in Xcode to iOS 9.0
  5. In the example, the parameter is deeplinkingUrl: not deeplinkUrl:
RNInstagramStoryShare.share({
                backgroundImage: `data:image/png;base64,${imageBase64}`,
                deeplinkingUrl: 'instagram-stories://share'
            })
  1. Added this https://github.com/Jobeso/react-native-instagram-story-share/pull/2
  2. Use the following in your package.json as the author has not updated the npm repo "react-native-instagram-story-share": "Jobeso/react-native-instagram-story-share#a6969025c0a2b0ad437f4f3f987abe08f6bf15e8", as per https://github.com/Jobeso/react-native-instagram-story-share/issues/1#issuecomment-424629789

That's all I remember doing, if there are any outstanding issues they should give be troubleshoot-able and give an error message.

PODFILE:

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'

target 'PopTag' do
  # Uncomment the next line if you're using Swift or would like to use dynamic frameworks
  # use_frameworks!

  # Pods for PopTag
  pod 'RNInstagramStoryShare', :path => '../node_modules/react-native-instagram-story-share/ios'

  pod 'React', :path => '../node_modules/react-native'
  pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'

target 'PopTagTests' do
    inherit! :search_paths
    # Pods for testing
  end

end

target 'PopTag-tvOS' do
  # Uncomment the next line if you're using Swift or would like to use dynamic frameworks
  # use_frameworks!

  # Pods for PopTag-tvOS

  target 'PopTag-tvOSTests' do
    inherit! :search_paths
    # Pods for testing
  end

end

post_install do |installer|
  installer.pods_project.targets.each do |target|
    if target.name == "React"
      target.remove_from_project
    end
  end
end
Jobeso commented 6 years ago

@jordangrant Thanks for sharing, this is a pretty old version of the react-native-instagram-story-share logic. I updated the API already and combined it with snapchat story sharing to one story-share-module. This is currently not released but I am working on a version thats worth publishing.

milesscherrer commented 5 years ago

@Jobeso Curious on where you are on this, still working on it?

Jobeso commented 5 years ago

@milesscherrer Hey, yes still on it and not forgotten. iOS part is done but android still ongoing. I'll try to get the iOS part out while working on android to give others the opportunity to help or use the iOS part.

salmanbukhari1 commented 5 years ago

@Jobeso Can you please give an example of usage? I would highly appreciate that.