如何在React Native中使用SVG

在React Native中使用SVG，你可以使用react-native-svg库。首先，你需要安装这个库：

npm install react-native-svg

或者

yarn add react-native-svg

然后，你可以在你的React Native组件中导入并使用Svg、Circle、Rect等组件来渲染SVG图形。

下面是一个简单的例子，展示如何在React Native中渲染一个SVG图标：

import React from 'react';
import { View } from 'react-native';
import { Svg, Circle } from 'react-native-svg';
 
const MySVGComponent = () => {
  return (
    <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 MySVGComponent;

在这个例子中，我们创建了一个圆形图标，并设置了颜色和大小。你可以根据需要使用不同的Svg组件来创建复杂的SVG图形。