Why?

Currently all modules for generating QRCode are built on top of canvas which is embeded inside a WebView. It works but it takes a long time to load the WebView and render the QRCode. SVG rendering, on the other hand, is more performant.

Built on top of..

Using react-native-svg is rather a breeze compared to Native ART api. It exposes same elements(components) and attributes(props) as the usual svg, which is often something you get from designers.

Screenshot

Conclusion

I’m not quite familiar with svg (in fact just learned how to draw a path when writing this module). Still, it seems very easy to accomplish the feature. Maybe there’s a more robust way to achieve the same thing.

--

--