Universal Support

[du5rte]

Added svgs to support both react and react-native.

The svgs module is compatibility layer between react-native-svg and regular react (browser) based SVG elements. This allows you to write SVG in the react and react-native using exactly the same API. Bringing your applications a step closer to writing fully isomorphic application.

fixes:

• React Native version #15
• Universal Support #42
• Invariant Violation #47

Stays the same for users

Nothing changes in how users use the library. Behind the scenes svgs detects if the environment is run for web or native.

How svgs works

On web, most components are just renamed to conform with react-native-svg exports, here:

function ClipPath(props) {
  return <clipPath { ...prepare(props) } />;
}

on native, it exports react-native-svg, here:

import RNSvg, {
  ClipPath,
  ...
} from 'react-native-svg';

export {
  ClipPath,
  ...
};

export default Svg;

[rafaelbpa]

This is working perfectly on react-native. Can someone review and merge? Thank you btw, saved my day.

[dunklesToast]

How's the state of this getting merged?

[kkelley-leftbrain]

Just stumbled across this, sounds promising - any update on the merge conflict in package.json?

[FDiskas]

time goes fast - do it 🗡️