- A+
所属分类:Web前端
安装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') }
androidappsrcmainjavacomreactnative_demoMainApplication.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) 外部存储的绝对路径,共享目录(仅限安卓)