Charger et afficher le contenu des fichiers CSV en flutter

Flutter : chargez et affichez le contenu des fichiers CSV 😃

CSV signifie Comma-Separated Values, est un type de fichier largement utilisé pour stocker des données tabulaires (chiffres et texte) dans le texte brut où chaque ligne aura le même nombre de champs. Dans cet article, nous allons explorer comment lire le contenu d’un fichier CSV dans Flutter et afficher ce contenu à l’écran.

Pas

1. Copiez le fichier CSV dans le dossier assets (créez-en un s’il n’existe pas) dans le répertoire racine de votre projet. N’oubliez pas de déclarer ce dossier assets dans le pubspec.yaml :

La section suivante est spécifique à Flutter.

flutter:
  assets:
    - assets/

2. Installez le package csv en exécutant la commande suivante :

Exécutez ensuite :

3. Ajoutez la méthode suivante pour charger le fichier csv.

List<List<dynamic>> _data = [];

  // This function is triggered when the floating button is pressed
  void _loadCSV() async {
    final _rawData = await rootBundle.loadString("assets/kindacode.csv");
    List<List<dynamic>> _listData =
        const CsvToListConverter().convert(_rawData);
    setState(() {
      _data = _listData;
    });
  }

Aperçu

sympa 🥰

GitHub

Voir Github