react-native-instagram-story-share icon indicating copy to clipboard operation
react-native-instagram-story-share copied to clipboard

(Knowledge Transfer) Issues I Fought While Installing

Open jordangrant opened this issue 6 years ago • 4 comments

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

jordangrant avatar Oct 10 '18 04:10 jordangrant

@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.

Jobeso avatar Oct 11 '18 14:10 Jobeso

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

milesscherrer avatar Jan 22 '19 23:01 milesscherrer

@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.

Jobeso avatar Jan 28 '19 09:01 Jobeso

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

salmanbukhari1 avatar Feb 15 '19 06:02 salmanbukhari1