CanapTV

Si vous développez du Flutter, vous vous êtes rendu compte que l’incontournable est le site Medium.

Ce dernier de manque pas d’exploiter le filon et rend les articles les plus intéressants payants avec un abonnement plutôt cher, je trouve, nécessaire pour passer son paywall.

Pour by-passer le paywall de Medium, il existe une méthode ultra simple qui consiste à remplacer le début de l’url https://medium.com/ par https://scribe.rip/

Par exemple, l’url https://medium.com/swlh/how-to-create-a-singleton-firebase-service-in-flutter-15d7a5ed596b devient https://scribe.rip/swlh/how-to-create-a-singleton-firebase-service-in-flutter-15d7a5ed596b

Plus d’infos sur le site https://scribe.rip

Au démarrage d’un projet avec la Firebase Database, les règles de sécurité sont fixées au minimum, autorisant une utilisation totalement ouverte pendant 30 jours.

Passé ce délai, il convient de modifier ces règles sous peine de voir toutes les requêtes refusées.

La vidéo ci-après explique comment fixer les règles de sécurité de la base de données Firestore.

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
			match /users/{userId}/{document=**} {
      	allow read, write: if request.auth.uid == userId;
      }
  }
}

Le github et les tutos flutter de ResoCoder

https://github.com/ResoCoder/flutter-ddd-firebase-course

Depuis la version Catalina de MacOS, le Shell par défaut est zsh.

Il présente quelques avantages indéniables mais, personnellement, je conserve une affectation pour le bon vieux bash qui, bien qu’inutilisé, est toujours installé sur MacOS.

MacOS : Changer le shell… de ZSH à Bash

Pour changer de shell et passer de zsh à Bash sur MacOS, il suffit d’ouvrir un terminal et d’y taper la commande chsh (pour change Shell) comme ceci :

chsh -s /bin/bash

Et pour revenir en arrière et donc au Shell zsh, de simplement taper dans le terminal

chsh -s /bin/zsh

Après que j’ai connecté mon application Flutter à Firestore, je me suis mangé cette splendide erreur multidex dans Flutter empêchant tout lancement de l’émulateur Android : Error:Cannot fit requested classes in a single dex file

C’est ce qui arrive quand on dépasse la taille maximale autorisée pour le fichier de classes Dex.

En guise de pense-bête, voici comment autoriser le multidex dans Flutter Android pour se débarrasser de l’erreur.

Autoriser le multidex pour Flutter

La manip est tout ce qu’il y a de plus bête, d’autant qu’elle n’impacte que 2 fichiers de l’arborescence :

Les modifications multidex dans build.gradle

Dans mon_projet > android > app > build.gradle, il faut ajouter multiDexEnabled true et passer idéalement le minSdkVersion à 21.

    defaultConfig {

        ...
        minSdkVersion 21
        multiDexEnabled true
    }

Toujours dans ce fichier, il convient d’ajouter la ligne implementation ‘com.android.support:multidex:1.0.3’ dans dependencies.

dependencies {
    ...
    implementation 'com.android.support:multidex:1.0.3'
}

Les modifications multidex dans gradle.properties – Ajouter Jetifier

Et dans mon_projet > android > app > gradle.properties, il faut s’assurer que android.useAndroidX et android.enableJetifier sont présents et positionnés à true pour ajouter Jetifier, comme ci-dessous. Ajoutez les si elles sont manquantes

android.useAndroidX=true
android.enableJetifier=true

Il reste maintenant à sauvegarder les fichiers et relancer l’émulateur.

Comme je me frotte à Flutter depuis quelques temps, et que je ne dois pas être le seul à peiner parfois, voici quelques petits trucs pense-bête qui pourraient éventuellement servir à d’autres.

Ce que je veux, c’est obtenir un menu déroulant Flutter avec texte dans la AppBar, comme ça :

Pour réaliser cela, j’ai besoin visuellement :

• d’un widget MyAppBar que j’appellerai dans le widget principal
• d’un texte qui me donne le titre « MonApp »
• d’un menu déroulant avec un texte
• et d’un autre menu que je ne traite pas ici.

Ce qui signifie :

• qu’il faut déclarer un title pour la barre d’application. Ici c’est

title: Text("Mon App", style: TextStyle(fontSize: 20)),

• que le texte et le bouton doivent être positionné dans un row pour être alignés sur une même ligne ET que ce row est implémenté dans le PopupMenuButton, c’est à dire ce qui permet d’afficher le menu déroulant.
• et que, puisqu’on a un menu puis un bouton en enfilade, qu’on va coller ça dans une liste actions pour faire propre sur l’interface (et surtout pour y retrouver ses jeunes)

On secoue et ça donne ça :

class MyAppBar extends StatelessWidget implements PreferredSizeWidget {
  // element indispensable pour les AppBar déclarées à part
  Size get preferredSize => new Size.fromHeight(50); // la hauteur du appBar

  @override
  Widget build(BuildContext context) {
    return AppBar(
      backgroundColor: Colors.grey[600],
      title: Text("Mon App", style: TextStyle(fontSize: 20)),
      actions: [
       PopupMenuButton<int>(
            child: Row(mainAxisAlignment: MainAxisAlignment.center, children: [
              Text("Le texte du bouton"),
              Icon(Icons.arrow_circle_down),
            ]),
            onSelected: (item)=> onSelected(context, item),
            itemBuilder: (context) => [
                  PopupMenuItem<int>(
                    value: 1,
                    child: Text("Suivi du lien 1"),
                  ),
                  PopupMenuItem<int>(
                    value: 2,
                    child: Text("Suivi du lien 2"),
                  ),
                ]),
        SizedBox(width: 10),
        IconButton(onPressed: () {}, icon: Icon(Icons.menu)),
      ],
    );
  }
}

Vous remarquerez au passage le <int> après les PopupMenuButton et PopupMenuItem. Cela permet de passer en paramètre la valeur du champ déterminée dans value grâce à la méthode onSelected que je vous colle ici.

void onSelected(BuildContext context, int item) {
  switch (item) {
    case 1:
      Navigator.of(context)
          .push(MaterialPageRoute(builder: (context) => MaPage1()));
    case 2:
      Navigator.of(context)
          .push(MaterialPageRoute(builder: (context) => MaPage2()));
  }
}

D’ailleurs, si quelqu’un a une meilleure option, je suis preneur.