在 React Native 的开发中，我们经常需要对应用程序中的视图进行路径和形状操作。而这时候，npm 包 react-native-path 就提供了我们所需的路径操作功能。下面，我们将为大家介绍 react-native-path 的使用教程，包括基本 API、常用场景示例等。
安装
使用以下命令引入 react-native-path：
npm install react-native-path --save
基本 API
Path
用于创建 react-native-svg 支持的路径字符串。
-- -------------------- ---- -------
------ ----- ---- --------
------ ---- ---- --------------------
------ ----- ---- -------------------
----- ------- - -- -- -
---- ----------- -------------
-----
-----------------
--------------
---------------
-----------
--
------
--createRect
创建一个路径代表矩形。
-- -------------------- ---- -------
------ ----- ---- --------
------ ---- ---- --------------------
------ ----- ---- -------------------
----- ------- - -- -- -
---- ----------- -------------
-----
---------------------- --- --- ----
--------------
---------------
-----------
--
------
--createCircle
创建一个路径代表圆形。
-- -------------------- ---- -------
------ ----- ---- --------
------ ---- ---- --------------------
------ ----- ---- -------------------
----- ------- - -- -- -
---- ----------- -------------
-----
------------------------ --- ----
--------------
---------------
-----------
--
------
--createLine
创建一个路径代表直线。
-- -------------------- ---- -------
------ ----- ---- --------
------ ---- ---- --------------------
------ ----- ---- -------------------
----- ------- - -- -- -
---- ----------- -------------
-----
---------------------- --- --- ----
--------------
---------------
-----------
--
------
--createPolygon
创建一个路径代表多边形。
-- -------------------- ---- -------
------ ----- ---- --------
------ ---- ---- --------------------
------ ----- ---- -------------------
----- ------- - -- -- -
---- ----------- -------------
-----
-----------------------
---- ----
---- ----
---- ----
---- ----
---
--------------
---------------
-----------
--
------
--createPath
创建一个路径代表次元贝塞尔曲线。
-- -------------------- ---- -------
------ ----- ---- --------
------ ---- ---- --------------------
------ ----- ---- -------------------
----- ------- - -- -- -
---- ----------- -------------
-----
--------------------
--- ---
--- ---
----- ---
----- --
----- ---
----- ----
--- ---
--- ---
---
--------------
---------------
-----------
--
------
--常用场景示例
画房子
-- -------------------- ---- -------
------ ----- ---- --------
------ ---- ---- --------------------
------ ----- ---- -------------------
----- ------- - -- -- -
---- ----------- -------------
-----
---
-----------------
--- ---
--- ---
----- ---
----- --
----- ----
----- --
--- ----
--- ---
-- -
-----------------
--- ---
--- ---
----- --
----- ---
----- --
----- ----
--- ---
--- ----
-- -
-----------------
--- ----
--- ---
----- ----
----- ---
----- ----
----- ----
--- ----
--- ----
-- -
-----------------
--- ---
--- ----
----- ---
----- ----
----- ----
----- ----
--- ----
--- ----
-- -
------------------- --- --- ---
-
--------------
---------------
-----------
--
------
--画人脸
-- -------------------- ---- -------
------ ----- ---- --------
------ ---- ---- --------------------
------ ----- ---- -------------------
----- ------- - -- -- -
---- ----------- -------------
-----
---
--------------------- --- --- -
--------------------- --- -- -
--------------------- --- -- -
-----------------
--- ---
--- ---
----- ---
----- ---
----- ---
----- ---
--- ---
--- ---
--
-
--------------
---------------
-----------
--
------
--总结
本文为大家介绍了 npm 包 react-native-path 的使用教程，包括基本 API 和常用场景示例。希望对 React Native 开发者们有所帮助，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eab81e8991b448dc1cb