iconSvg组件下 index.js
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
import React, { Component } from 'react' import Svg, { Path } from 'react-native-svg' import Icons from 'app/files/font/iconfont.svg.js' import { rem } from '../util' const ICON_SIZE = { xxs: 15, xs: 18, sm: 21, md: 22, lg: 36 } export default class IconSvg extends Component { render() { const { type, width, height, size, style } = this.props return ( <Svg width={rem(width || ICON_SIZE[size] || 22)} height={rem(height || ICON_SIZE[size] || 22)} viewBox={Icons.viewBox[type] || '0 0 1024 1024'} style={{ ...style, }} > { Icons[type].map((path, i) => { return <Path key={i} d={path.d} fill={path.fill} /> }) } </Svg>; ) } } |
in […]