Add React Native Compatibility

[enesser]

Add React Native Compatibility

[enesser]

This is really cool.

Thanks for your work.

I think I might mention your fork in the README for now, and then figure out if making this component React Native-friendly or having a separate repository is best. I'd appreciate everyone else's feedback on what they want to see.

[duwerq]

THANK YOU, that was my stackoverflow question you listed as a reference to this issue. Seriously, you the man!!!

[sheparddw]

No problem. Sounds good. Thanks.

[sheparddw]

👍 Thanks.

[RUIFERNANDE5]

@sheparddw I can't find your branch on npm? Would be great if u could publish it again since u renamed it 8 months ago I think. Thanks for your work 👍

[sheparddw]

@RUIFERNANDE5 It is not currently on npm, but you are welcome to use it from the github repository in the meantime: https://github.com/idxbroker/vCards-js/tree/react-native
You are welcome. Thanks for the feedback. :)

[RUIFERNANDE5]

That's what I am doing so far.
Just one thing, how can I get the file path or even download the file after using saveToFile method?
In the last couple of hours I've been digging RNFS but couldn't find anything related to download the written file.

TLDR; I mean, I want to generate the VCard and download it right after.

Thank you

[sheparddw]

When you are using the following from the readme to save the file,

//save to file
const documentPath = rnfs.DocumentDirectoryPath;
contact.saveToFile(`${documentPath}/eric-nesser.vcf`);

You can keep the path as a variable:

const vcfFilePath = `${documentPath}/eric-nesser.vcf`;

Then you can use that vcfFilePath to save it elsewhere.

For example, to save to iCloud for iOS, you could use a library such as react native icloud: https://www.npmjs.com/package/react-native-icloud
Then using that library, save the file to iCloud using its

Documents.moveFileToICloud(vcfFilePath, (err,resultURL)=>{}))

method which uses the filepath and can copy or move it to iCloud. See the library's documentation you decide to use for more info on the exact implementation of copying/moving the file.

If you do not wish to use iCloud but rather bring up the action sheet for Airdrop or so on, you can use ActionSheetiOS: https://facebook.github.io/react-native/docs/actionsheetios.html
or an android equivalent library.

Hope that helps.