如何使用Expo File System保存Supabase返回的CSV本地文件用于分享？

完全可以实现。Supabase的.csv()方法返回的data是纯文本格式的CSV字符串，不需要通过下载URI的方式保存，直接用Expo File System的writeAsStringAsync方法就能把字符串写入本地文件，之后再用Expo Sharing分享即可。

实现步骤及代码示例： #

1. 先确保已导入所需依赖：

import * as FileSystem from 'expo-file-system';
import * as Sharing from 'expo-sharing';
import { Alert } from 'react-native';

2. 整合查询、文件写入与分享逻辑的完整函数：

const exportAndShareColetas = async (IDs: number[]) => {
  // 从Supabase获取CSV字符串
  const { data: csvData, error: queryError } = await supabase
    .from('coletas')
    .select()
    .in('id', IDs)
    .csv();

  if (queryError) {
    console.log('查询错误:', queryError);
    Alert.alert('错误', '获取CSV数据失败');
    return;
  }

  if (!csvData) {
    Alert.alert('提示', '没有可导出的数据');
    return;
  }

  // 定义本地文件存储路径
  const filePath = `${FileSystem.documentDirectory}coletas_export.csv`;

  try {
    // 将CSV字符串写入本地文件
    await FileSystem.writeAsStringAsync(filePath, csvData, {
      encoding: FileSystem.EncodingType.UTF8,
    });

    // 校验文件是否写入成功（可选）
    const fileInfo = await FileSystem.getInfoAsync(filePath);
    if (!fileInfo.exists) {
      throw new Error('文件写入失败');
    }

    // 分享本地CSV文件
    await Sharing.shareAsync(filePath, {
      mimeType: 'text/csv',
      dialogTitle: '分享CSV文件',
    });
  } catch (fileError) {
    console.log('文件操作错误:', fileError);
    Alert.alert('错误', '保存或分享文件失败');
  }
};

关键细节： #

• writeAsStringAsync是Expo File System专为字符串写入场景设计的API，完全匹配Supabase返回的CSV文本格式。
• 指定mimeType: 'text/csv'能保证系统正确识别文件类型，避免分享时出现格式异常。
• 加入多层错误处理，覆盖查询失败、无数据、文件写入失败等场景，提升使用稳定性。

内容的提问来源于stack exchange，提问作者Narciso Ferreira