create windows svg component with Canvas、Shape.
MIT License
create windows svg component with Canvas、Shape.
npm install --save react-native-windows-svg
# Add the `node_modules/react-native-windows-svg/windows/ReactNativeSVG` project to your `Solution`.
Solution
. /// <summary>
/// MainPage.cs
/// </summary>
...
public override List<IReactPackage> Packages
{
get
{
return new List<IReactPackage>
{
new MainReactPackage(),
new SVGReactPackage() // add this line
};
}
}
...
...
import {Svg, Rect } from 'react-native-windows-svg';
...
<Svg width={300} height={300} >
<Rect stroke="#000000" fill="#ffffff" rx={10} ry={10} strokeWidth={1} />
</Svg>
...