# rntpc_react-native-file-access **Repository Path**: openharmony-sig/rntpc_react-native-file-access ## Basic Information - **Project Name**: rntpc_react-native-file-access - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: https://gitee.com/openharmony-sig/rntpc_react-native-file-access - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-10-14 - **Last Updated**: 2025-05-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 🚨 **重要提示 | IMPORTANT** > > **⚠️ 此代码仓已归档。新地址请访问 [rntpc_react-native-file-access](https://gitcode.com/openharmony-sig/rntpc_react-native-file-access)。| ⚠️ This repository has been archived. For the new address, please visit [rntpc_react-native-file-access](https://gitcode.com/openharmony-sig/rntpc_react-native-file-access).** > --- > # react-native-file-access [![npm](https://img.shields.io/npm/v/react-native-file-access)](https://www.npmjs.com/package/react-native-file-access) Filesystem access for React Native. Supports saving network requests directly to the filesystem. Supports Android scoped storage, a requirement when targeting API 30 or higher. ## Installation ```sh npm install react-native-file-access cd ios && pod install ``` Apple restricts usage of certain privacy sensitive API calls. If you do not use disk space measurements or file timestamps, define the following variable in your Podfile to exclude restricted API calls. [More details.](https://github.com/alpha0010/react-native-file-access/issues/73) ```ruby $RNFANoPrivacyAPI = true ``` If the app does not use autolinking, continue to the [manual install instructions](https://github.com/alpha0010/react-native-file-access/wiki/Manual-Installation) in the wiki. ### Compatibility | React Native | react-native-file-access | | --------------- | ------------------------ | | <= 0.64 | 1.x.x | | 0.65+, old arch | 2.x.x, 3.x.x | | 0.71+, new arch | 3.x.x | ## Usage ```js import { Dirs, FileSystem } from 'react-native-file-access'; // ... const text = await FileSystem.readFile(Dirs.CacheDir + '/test.txt'); ``` #### Directory constants. - `Dirs.CacheDir` - `Dirs.DatabaseDir` (Android only) - `Dirs.DocumentDir` - `Dirs.LibraryDir` (iOS & MacOS only) - `Dirs.MainBundleDir` - `Dirs.SDCardDir` (Android only) - Prefer `FileSystem.cpExternal()` when possible. #### Functions. `FileSystem.appendFile(path: string, data: string, encoding?: 'utf8' | 'base64'): Promise` - Append content to a file. - Default encoding of `data` is assumed utf8. `FileSystem.concatFiles(source: string, target: string): Promise` - Append a file to another file. Returns number of bytes written. `FileSystem.cp(source: string, target: string, onProgress?: (bytesCopied: number, contentLength: number, done: boolean) => void): Promise` - Copy a file. `FileSystem.cpAsset(asset: string, target: string, type?: 'asset' | 'resource'): Promise` - Copy a bundled asset file. - Default `type` is `asset`. Prefer this when possible. - `resource` uses the Android `res/` folder, and inherits the associated naming restrictions. `FileSystem.cpExternal(source: string, targetName: string, dir: 'audio' | 'downloads' | 'images' | 'video'): Promise` - Copy a file to an externally controlled location. - On Android API level < 29, may require permission WRITE_EXTERNAL_STORAGE. - On iOS, consider using `Dirs.DocumentDir` with `UIFileSharingEnabled` and `LSSupportsOpeningDocumentsInPlace` enabled. `FileSystem.df(): Promise<{ internal_free: number, internal_total: number, external_free?: number, external_total?: number }>` - Check device available space. `FileSystem.exists(path: string): Promise` - Check if a path exists. ``` FilesSystem.fetch( resource: string, init: { body?: string, headers?: { [key: string]: string }, method?: string, network?: 'any' | 'unmetered', path?: string }, onProgress?: (bytesRead: number, contentLength: number, done: boolean) => void ): Promise type FetchResult = { headers: { [key: string]: string }; ok: boolean; redirected: boolean; status: number; statusText: string; url: string; } ``` - Save a network request to a file. - `resource` - URL to fetch. - `init.path` - Optional filesystem location to save the response. - `init.network` - Optional restriction on network type. Specifying `unmetered` will reject the request if unmetered connections (most likely WiFi) are unavailable. - `onProgress` - Optional callback to listen to download progress. Events are rate limited, so do not rely on `done` becoming `true`. `contentLength` is only accurate if the server sends the correct headers. ``` FilesSystem.fetchManaged( resource: string, init: { body?: string, headers?: { [key: string]: string }, method?: string, network?: 'any' | 'unmetered', path?: string }, onProgress?: (bytesRead: number, contentLength: number, done: boolean) => void ): ManagedFetchResult type ManagedFetchResult = { cancel: () => Promise; result: Promise; } ``` - Save a network request to a file. - Similar to `fetch()`, with the option to cancel before completion. `FilesSystem.getAppGroupDir(groupName: string): Promise` - Get the directory for your app group (iOS & MacOS only). - App groups are used on iOS/MacOS for storing content, which is shared between apps. - This is e.g. useful for sharing data between your iOS/MacOS app and a widget or a watch app. `FilesSystem.hash(path: string, algorithm: 'MD5' | 'SHA-1' | 'SHA-224' | 'SHA-256' | 'SHA-384' | 'SHA-512'): Promise` - Hash the file content. `FilesSystem.isDir(path: string): Promise` - Check if a path is a directory. `FileSystem.ls(path: string): Promise` - List files in a directory. `FileSystem.mkdir(path: string): Promise` - Make a new directory. - Returns path of created directory. `FileSystem.mv(source: string, target: string): Promise` - Move a file. `FileSystem.readFile(path: string, encoding?: 'utf8' | 'base64'): Promise` - Read the content of a file. - Default encoding of returned string is utf8. `FileSystem.readFileChunk(path: string, offset: number, length: number, encoding?: 'utf8' | 'base64'): Promise` - Read a chunk of the content of a file, starting from byte at `offset`, reading for `length` bytes. - Default encoding of returned string is utf8. ``` FileSystem.stat(path: string): Promise type FileStat = { filename: string; lastModified: number; path: string; size: number; type: 'directory' | 'file'; } ``` - Read file metadata. `FileSystem.statDir(path: string): Promise` - Read metadata of all files in a directory. `FileSystem.unlink(path: string): Promise` - Delete a file. `FileSystem.unzip(source: string, target: string): Promise` - Extract a zip archive. `FileSystem.writeFile(path: string, data: string, encoding?: 'utf8' | 'base64'): Promise` - Write content to a file. - Default encoding of `data` is assumed utf8. #### Utility functions. `Util.basename(path: string, separator?: string): string` - Get the file/folder name from the end of the path. - Default path `separator` is `/`. `Util.dirname(path: string, separator?: string): string` - Get the path containing the file/folder. - Default path `separator` is `/`. `Util.extname(path: string, separator?: string): string` - Get the file extension. - Default path `separator` is `/`. #### Scoped storage. For simple usage, use `FileSystem.cpExternal()` to submit files to general scoped storage categories. Most functions in this library work with `content://` Android resource uris. To gain access to a resource uri, currently use a library such as [react-native-document-picker](https://github.com/rnmods/react-native-document-picker) or [react-native-scoped-storage](https://github.com/ammarahm-ed/react-native-scoped-storage). Eventually this library will incorporate file/folder selector functionality (pull requests welcome). Note: - When generating a scoped storage resource uri, use the helper `AndroidScoped.appendPath(dir, 'data.txt')`, not `dir + '/data.txt'`. - Android may change the name of created files/folders. `AndroidScoped.appendPath(basePath: string, segment: string): string` - Append a path segment to an Android scoped storage content uri. ## Testing For ease of testing, this library contains a mock implementation: [jest/react-native-file-access.ts](https://github.com/alpha0010/react-native-file-access/blob/master/jest/react-native-file-access.ts). To use, copy it into the [`__mocks__`](https://jestjs.io/docs/en/manual-mocks#mocking-node-modules) folder, modifying if needed. ## Alternatives This library aims to be a modern implementation of filesystem api, using Kotlin/Swift and latest best practices. For a more established library, consider: - [expo-file-system](https://docs.expo.io/versions/latest/sdk/filesystem/) - Well supported, a good option if already using Expo. - [react-native-blob-util](https://github.com/RonRadtke/react-native-blob-util) - Often a dependency of other libraries. - Forked from, and compatible with, the popular but deprecated [rn-fetch-blob](https://github.com/joltup/rn-fetch-blob). - [react-native-fs](https://github.com/itinance/react-native-fs) - Large feature set. - Low maintenance, aging codebase. For more greater control over network requests, consider [react-native-blob-courier](https://github.com/edeckers/react-native-blob-courier). ## Contributing See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow. ## License MIT