首先安装并链接该库
yarn add react-native-svg
react-native link react-native-svg
常用模块
类型 | 描述 |
Svg | 承载绘图区域 |
Circle | 圆 |
Eclipse | 椭圆 |
G | 包裹块(个人认为是为了单纯的层次分明) |
LinearGradient | 线性渐变,可以做颜色的线性渐变效果 |
RadialGradient | 角度渐变,可以做颜色的角度渐变效果 |
Line | 线条 |
Polyline | 多段线 |
Path | 路径,类似的还有CliPath |
Polygon | 多边框 |
Rect | 矩形 |
Symbol | 定义个视图模块,其他地方可以随意使用该模块(可以通过id标示) |
Use | 可以获取到Symbol视图模块使用(可以通过href找到模块) |
Text | 文字信息 |
TSpan | 多行文本 |
TextPath | 文字路径 |
Defs | 个人觉得怎么和G标签一样,就像前端中的div一样 |
Stop | 效果停止位置 |
常用属性
类型 | 描述 |
---|---|
fill | 填充颜色 |
fillOpacity | 填充透明度 |