[flutter] DataTable에서 데이터를 CSV 파일로 내보내는 방법

18 Dec 2023

flutter

프론트엔드 애플리케이션을 개발할 때, 데이터를 표 형식으로 표시하고 원하는 형식으로 내보내는 기능은 매우 중요합니다. Flutter에서 DataTable 위젯을 사용하여 데이터를 표 형태로 표시하고, 이를 CSV 파일 형식으로 내보내는 방법에 대해 알아보겠습니다.

1. DataTable 생성하기

먼저, DataTable 위젯을 사용하여 표를 생성합니다. 표시하고자 하는 데이터를 갖는 데이터 원본을 사용하여 DataRow 위젯을 생성하고, DataTable 위젯에 추가합니다.

DataTable(
  columns: <DataColumn>[
    DataColumn(label: Text('ID')),
    DataColumn(label: Text('Name')),
    DataColumn(label: Text('Age')),
  ],
  rows: _buildRows(),
)

2. CSV 파일로 데이터 저장하기

이제, csv 패키지를 사용하여 데이터를 CSV 파일로 변환하고 저장하는 기능을 추가할 수 있습니다. 먼저, csv 패키지를 pubspec.yaml 파일에 추가합니다.

dependencies:
  csv: ^4.0.6

그런 다음, 다음 코드를 사용하여 데이터를 CSV 파일로 변환하고 저장할 수 있습니다.

import 'package:csv/csv.dart';
import 'package:flutter/services.dart';
import 'package:path_provider/path_provider.dart';

Future<void> _saveAsCsv() async {
  List<List<dynamic>> rows = _buildCsvData();
  String csv = const ListToCsvConverter().convert(rows);

  final String dir = (await getExternalStorageDirectory())!.path;
  final String path = '$dir/data.csv';
  final File file = File(path);
  await file.writeAsString(csv);
}

위 코드에서 _buildCsvData 함수는 DataTable의 데이터를 CSV 형식으로 변환하는 로직을 포함하고 있습니다.

3. 사용자에게 CSV 파일 공유 옵션 제공하기

마지막으로, 사용자에게 생성된 CSV 파일을 공유할 수 있는 옵션을 제공합니다.

import 'package:esys_flutter_share/esys_flutter_share.dart';

Future<void> _shareFile() async {
  final String path = (await getExternalStorageDirectory())!.path;
  Share.file('CSV Data', 'data.csv', File('$path/data.csv').readAsBytesSync(), 'text/csv');
}

위에서 사용된 _shareFile 함수는 완성된 CSV 파일을 공유하는 기능을 구현합니다.

이제 위의 단계를 따르면, Flutter 어플리케이션에서 DataTable에서 데이터를 CSV 형식으로 내보내고 공유하는 기능을 구현할 수 있습니다.

참고문헌:

flutter, dart, DataTable, CSV, 내보내기, 공유, 코드, 예제, 패키지