flutter_mp

flutter_mp

L'objectif de flutter_mp est d'étendre Flutter à une petite plate-forme de type programme. Flutter est un très excellent framework cross-end qui peut non seulement fonctionner sur Android , iOS , mais également sur web via flutter_web . impliquer la petite plate-forme de programme. J'espère que flutter_mp pourra combler cette lacune.

flutter_mp inspiré d'Alita. La méthode de traitement dynamique de JSX du moteur Alita fournit une idée du cadre d'interface utilisateur déclaratif à exécuter dans de petits programmes. flutter_mp est la mise en pratique de cette idée sur Flutter . Cependant, flutter_mp en est encore à un stade expérimental très précoce. Si votre produit a désormais des exigences multi-fins pour l'APP et le mini-programme, pour le moment, nous vous recommandons toujours d'utiliser Alita, qui est une solution relativement mature basée sur React Native. .

À ce stade, flutter_mp est encore un projet très immature, et le degré d'achèvement est encore très faible. Beaucoup de choses sont encore au stade exploratoire, et il reste encore un long chemin à parcourir avant qu'il ne soit réellement disponible. la démo simple officielle dans l'applet WeChat. De plus, nous pensons qu'il est impossible d'implémenter toutes les fonctionnalités de Flutter dans de petits programmes. Il y aura certainement des castrations et des compromis, notamment sur le degré de restauration des animations, des gestes, etc. Nous y réfléchissons toujours. nos dernières mises à jour progressent.

Battement	Applet WeChat

Articles connexes

• Exploration de l'extension de Flutter au mini-programme WeChat

FAIRE

Pour le moment, nous ne prenons en charge que les widgets de base Center , Column , Container , Expanded , Image.asset , ListView , Row et Text Nous ne prenons pas encore en charge les widgets personnalisés. Même ces widgets de base ne sont pas complets, tels que ListView . Et votre code Flutter ne peut apparaître que dans le fichier lib/main.dart . Nous améliorerons flutter_mp étape par étape à peu près dans l'ordre suivant.

1. Recherche de l'expression équivalente de la mise en page Flutter sous CSS
2. Améliorer les widgets de base
3. Prise en charge du widget avec état
4. Prise en charge des widgets personnalisés
5. Événement/cycle de vie
6. Plusieurs pages, prise en charge de la navigation/routage
7. L'animation Flutter est partiellement implémentée dans le mini programme (dans quelle mesure peut-elle être restaurée ??)
8. Optimisation des performances du mini programme
9. Optimisation de la taille des petits packages de programmes
10. autre

Commencer

À ce stade, nous vous recommandons de modifier uniquement le code sous Lakes sous Examples et d'essayer flutter_mp .

1. Installer la commande flutter_mp

      pub global activate --source git https://github.com/areslabs/flutter_mp.git

2. Exécutez flutter_mp -v pour vérifier si la commande est installée avec succès

3. Ajoutez les dépendances suivantes à votre projet flutter

      dev_dependencies :
        flutter_mp :
           git :
             url : https://github.com/areslabs/flutter_mp
             path : packages/flutter_mp

4. Exécutez la commande flutter_mp -i [flutter目录] -o [目标小程序目录]

5. Utilisez WeChat Developer pour importer et ouvrir [目标小程序目录] du 4 processus.

De cette façon, votre application Flutter s'exécutera sur l'applet WeChat

Exemples

1. L'exemple de mise en page officiel des lacs, l'applet compilée correspondante se trouve dans LakesMP (bien sûr, vous pouvez la compiler manuellement dans n'importe quel répertoire de votre choix).

Journal des modifications

Ce projet est conforme aux conventions de message de validation de style angulaire et le journal de mise à jour est automatiquement généré par conventional-changelog . Pour le journal complet, veuillez cliquer sur CHANGELOG.md.

Licence

Licence MIT

Copyright (c) Laboratoires ARES