推荐开源项目:React Native SVG
React Native SVG是一个React Native库,用于渲染SVG图像。它提供了一个名为Svg
的组件,可以用来渲染SVG内容,以及一系列绘图组件,如Circle
、Ellipse
、Line
、Path
、Polygon
、Polyline
、Rect
和Text
等,以便于在React Native应用中创建和渲染SVG图形。
以下是一个简单的使用react-native-svg
库来渲染SVG图像的例子:
import React from 'react';
import { StyleSheet } from 'react-native';
import Svg, { Circle, Rect } from 'react-native-svg';
const Component = () => (
<Svg height="100" width="200">
<Circle cx="50" cy="50" r="40" stroke="blue" strokeWidth="2" fill="red" />
<Rect x="10" y="10" width="100" height="100" stroke="green" strokeWidth="2" fill="yellow" />
</Svg>
);
const styles = StyleSheet.create({
// 样式定义
});
export default Component;
在这个例子中,我们创建了一个名为Component
的React组件,它包含了一个Svg
组件,其中有一个红色填充的蓝色圆和一个黄色填充的绿色矩形。这个组件可以直接嵌入到任何React Native视图中,用于展示SVG图像。
评论已关闭