react native 0.73 配置 react-native-fs

安装react-native-fs

npm

npm install react-native-fs --save

yarn

yarn add react-native-fs

安卓配置

  • android/settings.gradle
...
include ':react-native-fs'
project(':react-native-fs').projectDir = new File(settingsDir, '../node_modules/react-native-fs/android')
  • android/app/build.gradle
...
dependencies {
    ...
    implementation project(':react-native-fs')
}
  • android\app\src\main\java\com\reactnative_demo\MainApplication.kt

把原代码

import com.rnfs.RNFSPackage; // 导入模块

// 下面这段代码要改
override fun getPackages(): List<ReactPackage> {
	  // Packages that cannot be autolinked yet can be added manually here, for example:
	  // packages.add(new MyReactNativePackage());
	  return PackageList(this).packages
}

改为

import com.rnfs.RNFSPackage; // 导入模块

// 改成这样
override fun getPackages(): List<ReactPackage> =
    PackageList(this).packages.apply {
        // Packages that cannot be autolinked yet can be added manually here, for example:
        // packages.add(new MyReactNativePackage());
        add(RNFSPackage()) // 如果报错提示覆盖注册(已经自动注册了),那么把这行注释掉即可
    }

使用

import {StyleSheet, Text, View, Button} from 'react-native';
import React from 'react';
import RNFS from 'react-native-fs';

export default function CsvFile() {
  const handleClick = () => {
    const path = RNFS.ExternalStorageDirectoryPath + '/test.txt';
    RNFS.writeFile(path, 'Lorem ipsum dolor sit amet', 'utf8')
      .then(success => {
        console.log('FILE WRITTEN! --> ', path);
      })
      .catch(err => {
        console.log(err.message);
      });
  };
  return (
    <View>
      <Button title="写入文件" onPress={() => handleClick()} />
    </View>
  );
}

const styles = StyleSheet.create({});

关于存储路径

RNFS.MainBundlePath (String) 主包目录的绝对路径(在 Android 上不可用)
RNFS.CachesDirectoryPath (String) 缓存目录的绝对路径
RNFS.ExternalCachesDirectoryPath (String) 外部缓存目录的绝对路径(仅限安卓)
RNFS.DocumentDirectoryPath (String) 文档目录的绝对路径
RNFS.DownloadDirectoryPath (String) 下载目录的绝对路径(仅在 android 上)
RNFS.TemporaryDirectoryPath (String) 临时目录的绝对路径(在 Android 上回退到 Caching-Directory)
RNFS.LibraryDirectoryPath (String) NSLibraryDirectory 的绝对路径(仅限 iOS)
RNFS.ExternalDirectoryPath (String) 外部文件的绝对路径,共享目录(仅限安卓)
RNFS.ExternalStorageDirectoryPath (String) 外部存储的绝对路径,共享目录(仅限安卓)

热门相关:首席的强娶豪夺:离婚365次   纣临   我的抖音太无敌   遥望行止   来自异世界的诺诺