前言
在 React Native 的开发中，我们时常会使用到 SVG 矢量图形来渲染 UI 控件。而 @unimonkiez/react-native-svg-uri 便是一款优秀的 npm 包，可以轻松实现在 React Native 中使用 SVG。
本文将详细介绍这个 npm 包的使用方法，附带示例代码，帮助读者快速了解并使用该包。
安装
在使用 @unimonkiez/react-native-svg-uri 之前，需要先安装它。使用以下命令可以安装：
npm install @unimonkiez/react-native-svg-uri --save
导入与使用
在安装成功后，需要在我们的代码中导入它：
import SvgUri from '@unimonkiez/react-native-svg-uri';
接下来便可以在代码中使用它了：
-- -------------------- ---- -------
----- ----------- - -- -- -
------ -
-------
------------
-------------
-----------------------------------
--
-
-该组件的基本属性包括 width、height 以及 uri。其中，width 和 height 分别是组件的宽和高，可以是具体的数值或字符串，也可以是百分比；uri 则是所渲染的 SVG 图形文件的 URL 地址。
在实际开发过程中，我们可以直接使用远程图像服务器上的 SVG 图形文件，也可以将需要渲染的 SVG 文件保存在项目中，例如：
<SvgUri width="100%" height="100%" uri="../assets/my-svg.svg" />
示例代码
下面是完整的示例代码，读者可以尝试运行并改动代码，体验 @unimonkiez/react-native-svg-uri 的强大功能：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- - ---- ---------------
------ ------ ---- -----------------------------------
----- ----------- - -- -- -
------ -
----- -------- ----- - ---
-------
------------
-------------
------------------------------------
--
-------
-
-
------ ------- ------------结语
本文简要介绍了 @unimonkiez/react-native-svg-uri 的使用方法，并提供了实例代码。 @unimonkiez/react-native-svg-uri 非常方便易用，是 React Native 开发过程中不可或缺的工具之一。希望读者在使用该包时，可以有所收获!
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056d1581e8991b448e6de6