react-native-windows-svg
create windows svg component with Canvas、Shape.
Install
npm install --save react-native-windows-svg
# Add the `node_modules/react-native-windows-svg/windows/ReactNativeSVG` project to your `Solution`.
Usage
- Add the SVGReactPackage in your
Solution.
/// <summary>
/// MainPage.cs
/// </summary>
...
public override List<IReactPackage> Packages
{
get
{
return new List<IReactPackage>
{
new MainReactPackage(),
new SVGReactPackage() // add this line
};
}
}
...- Use the component in your react-native project.
...
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>
...Todos
- SVG
- Rect
- Text
- Circle
- Line
- Ellipse
- G
- Path
- Polygon
- Polyline
Contact
- Email: [email protected]