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.
... ; ... <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: liuhong1.happy@163.com