Allow displaying an SVG logo using svg source

[Kicu]

Problem

in the current version of this library only image assets (like .png etc) can be used as a logo within QR code, svg assets would not work.

What this does

This PR tries to make it possible to use svgs.

I have not found any reasonable way to do this via the single logo prop, as there is no React component that could accept either ImageSourcePropType or an SVG and handle every case correctly. Some conditional logic is required to handle the svg prop, thats why I decided to add it as a new prop, while the old logo prop will work unchanged.

• add (optional) logoSVG prop that accepts an svg and will render it
• add (optional) logoColor prop to set the fill property of the logo
• this solution handles:
  • a string svg, ex: "<svg ....>"
  • an URL pointing to an svg image, ex: https://raw.githubusercontent.com/software-mansion/react-native-svg/4b51a41a22432030a3396e847dc7d5aec5a86ae9/TestsExample/assets/ruby.svg
  • a svg React component (this is something that Expensify project uses via @svgr/webpack - its a very popular lib)
• on web we either render the svg logo if its a component OR in case of string we use standard Image from react-native-svg
• on native ios/android we use special dedicated components from react-native-svg which handle all the cases

I consider this WIP and api might still change

examples

ios

web

android