ReactNative 工程使用Svg

在React Native项目中使用SVG图像，你可以使用react-native-svg库。以下是如何安装和使用react-native-svg的步骤：

1. 安装react-native-svg库：

npm install react-native-svg

2. 链接原生模块（如果你使用的是React Native 0.60及以上版本，则自动链接）：

react-native link react-native-svg

3. 在你的React Native项目中导入并使用Svg组件：

import React from 'react';
import { View } from 'react-native';
import Svg, { Circle, Rect } from 'react-native-svg';
 
const MyComponent = () => (
  <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
    <Svg height="100" width="100">
      <Circle cx="50" cy="50" r="45" stroke="blue" strokeWidth="2.5" fill="green" />
    </Svg>
  </View>
);
 
export default MyComponent;

在这个例子中，我们创建了一个Svg组件，并在其中放置了一个Circle形状。这个Circle将显示为一个蓝色的边框和绿色的填充色。这只是一个简单的示例，react-native-svg支持更多的形状和属性。