如何在React Native中创建和保存CSV文件？-Java 学习之路

我的React Native应用程序（仅限Android）是一个基本应用程序，可在用户开始录制视频时收集一些传感器数据 . 我有三个传感器阵列数据：加速度计，陀螺仪和光 . 我想将它们作为 .csv 文件保存到设备中，以便我可以将它们用于后续步骤 . 目前，我可以将它们保存在 .txt 中（使用react-native-fs，但它们不支持 .csv 扩展名），但我想要的是 .csv . 在React Native中有没有办法做到这一点？

数据将如下所示：

this.accelerometer = [
  {x: 12, y: 15, z: 17},
  {x: 12, y: 15, z: 17},
  ...
  {x: 12, y: 15, z: 17},
]

this.gyroscope = [
  {x: 12, y: 15, z: 17},
  {x: 12, y: 15, z: 17},
  ...
  {x: 12, y: 15, z: 17},
]

this.light = [6, 7, 8, 9, 10,.., 11]

期望 .csv ，例如 accelerometer.csv ：

x ,y ,z
12,15,17

1 回答

您可以使用react-native-fetch-blob写入设备的文件系统 . （我也想知道这个！）

我们首先将值数组转换为字符串 . 如果我们的值由 , 逗号分隔，并且我们的行由 \n 换行符分隔，那么我们的字符串是 csv . 我们可以使用该字符串，将其写入带有 .csv 文件扩展名的文件，并且我们有一个 .csv 文件 .

这里是执行此操作的代码：

import RNFetchBlob from 'react-native-fetch-blob';

const values = [
  ['build', '2017-11-05T05:40:35.515Z'],
  ['deploy', '2017-11-05T05:42:04.810Z']
];

// construct csvString
const headerString = 'event,timestamp\n';
const rowString = values.map(d => `${d[0]},${d[1]}\n`).join('');
const csvString = `${headerString}${rowString}`;

// write the current list of answers to a local csv file
const pathToWrite = `${RNFetchBlob.fs.dirs.DownloadDir}/data.csv`;
console.log('pathToWrite', pathToWrite);
// pathToWrite /storage/emulated/0/Download/data.csv
RNFetchBlob.fs
  .writeFile(pathToWrite, csvString, 'utf8')
  .then(() => {
    console.log(`wrote file ${pathToWrite}`);
    // wrote file /storage/emulated/0/Download/data.csv
  })
  .catch(error => console.error(error));

这种方法适用于Android 7.x测试设备 .

如果它's helpful, I'也在我的react-native项目中共享link to the equivalent code

回复于 2024-05-04T15:15:21+08:00

如何在React Native中创建和保存CSV文件？

1 回答

相关问题