React Native: What is the difference between React Native Skia and SVG?

React Native Skia:

• GPU-accelerated 2D graphics
• Canvas-based drawing
• Complex animations and filters
• Better for charts, games, custom graphics

1import { Canvas, Circle } from "@shopify/react-native-skia";
2
3<Canvas style={{ flex: 1 }}>
4  <Circle cx={100} cy={100} r={50} color="blue" />
5</Canvas>

react-native-svg:

• SVG rendering
• Vector graphics and icons
• Simpler API for static graphics
• Better for icons and simple shapes

1import { Svg, Circle } from "react-native-svg";
2
3<Svg height="100" width="100">
4  <Circle cx="50" cy="50" r="40" fill="red" />
5</Svg>

Choose: SVG for icons, Skia for complex graphics.