Migrate native implementation to 'react-native-svg'

[yfunk]

Description

Resolves #122

This pull request migrates all usage of @react-native-community/art in the native implementation to react-native-svg, since the former may be deprecated soon.

This will also restore compatibility with the Expo SDK as it includes react-native-svg.

Test plan

The native example in ./storybooks/native doesn't work for me, which is why all changes are currently untested.

The example app tries to import QRCode from "./lib", which doesn't seem to exist even after building the package. I'm also pretty sure Metro doesn't allow imports from parent directories without additional configuration. Therefore, if the example app isn't part of an active Storybooks setup I'm missing, I would just create a new native example project (taking react-native-builder-bob as a reference) .

TODO

• Update native example
• Test new implementation on Android
• Test new implementation on iOS
• Update README.md

[rosskhanas]

I'm also pretty sure Metro doesn't allow imports from parent directories without additional configuration.

@yfunk, you are right. For that purpose, I made a storybook-native-watch script. It throws the code into the ./storybooks/native/lib. That can help you to make a native demo work 🙂

[yfunk]

For that purpose, I made a storybook-native-watch script.

I totally missed that one 😅

I tested the example app on Android and it renders the same way as the version using ART, however I'm currently unable to test it on iOS.

@react-native-community/art	react-native-svg

I also updated README.md with the new install instructions and put the Android and iOS screenshots next to each other to save some space (and make the install instructions more visible).

[rosskhanas]

I tested the example app on iOS and seems like it works well.

[rosskhanas]

@yfunk I just published v2.0.0. Hope all is good 🙏😂

Thank you for your help ☺️