npm 包 rn-get-real-path 使用教程

在 React Native 开发中常常需要使用文件路径，但是由于 iOS 和 Android 平台的不同，获取文件真实路径的方式也不同，这就给开发带来了很大的困扰。rn-get-real-path 就是为解决这个问题而生的一个 npm 包，本文将详细介绍 rn-get-real-path 的使用方法。

安装

可以通过 npm 安装 rn-get-real-path：

npm install rn-get-real-path --save

使用

在 React Native 项目中，首先要引入 rn-get-real-path：

import RNGetRealPath from 'rn-get-real-path';

获取文件真实路径

getRealPath() 方法可以获取一个文件的真实路径。

RNGetRealPath.getRealPath(uri).then(path => {
  console.log(path);
});

• uri（必填）：文件的 uri，支持三种形式：

  1. 本地文件路径，如：file:///sdcard/test.jpg
  2. assets 文件夹中的文件路径，如：file:///android_asset/test.jpg
  3. content:// 形式的 uri，如：content://com.android.providers.media.documents/document/image%3A32

• path：文件的真实路径。

判断是否为内容 uri

isContentUri() 方法可以判断一个 uri 是否是内容 uri。

const isContent = RNGetRealPath.isContentUri(uri);

• uri（必填）：要判断的 uri。
• isContent：返回 true 表示是内容 uri，否则为 false。

判断是否为本地文件 uri

isLocalUri() 方法可以判断一个 uri 是否为本地文件 uri。

const isLocal = RNGetRealPath.isLocalUri(uri);

• uri（必填）：要判断的 uri。
• isLocal：返回 true 表示是本地文件 uri，否则为 false。

示例

一个完整的示例，获取一个图片的真实路径并显示出来：

-- -------------------- ---- -------
------ ------ ---------- ---- --------
------ ------ ----- ------ ---- ---------------
------ ------------- ---- -------------------

----- --- - -- -- -
  ----- ------ -------- - -------------
  ----- --- - --------------------------

  ----- ----------- - -- -- -
    --------------------------------------- -- -
      -----------
    ---
  --

  ------ -
    ------
      ----- - -
        ------ ------------- ------ -------------- ---- ------- ----- --
      - - -
        -------------------
      --
      ------- ------------ --------------------- --
    -------
  --
--

------ ------- ----

总结

rn-get-real-path 是一个很实用的 npm 包，在 React Native 开发中如果需要获取文件真实路径，可以尝试使用该包。本文介绍了 rn-get-real-path 的使用方法，包括获取文件真实路径、判断内容 uri 和本地文件 uri。希望对读者有所帮助。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006725b3660cf7123b363a5