flutter_mp

flutter_mp

Das Ziel von flutter_mp ist es, Flutter zu einer kleinen programmähnlichen Plattform zu erweitern , die nicht nur auf Android , iOS , sondern auch auf web über flutter_web ausgeführt werden kann Ich hoffe, dass flutter_mp diese Lücke schließen kann.

flutter_mp inspiriert von Alita. Die dynamische Verarbeitungsmethode JSX der Alita-Engine bietet eine Idee für die Ausführung des deklarativen UI-Frameworks in kleinen Programmen. flutter_mp ist die Umsetzung dieser Idee auf Flutter . Allerdings befindet sich flutter_mp noch in einem sehr frühen experimentellen Stadium. Wenn Ihr Produkt jetzt Multi-End-Anforderungen für APP und Mini-Programme hat, empfehlen wir Ihnen vorerst immer noch die Verwendung von Alita, einer relativ ausgereiften Lösung, die auf React Native basiert .

Zu diesem Zeitpunkt ist flutter_mp noch ein sehr unausgereiftes Projekt, und der Fertigstellungsgrad ist noch sehr gering. Bis zur tatsächlichen Verfügbarkeit ist es noch ein weiter Weg die offizielle einfache Demo im WeChat-Applet. Darüber hinaus sind wir der Meinung, dass es unmöglich ist, alle Flutter -Funktionen in kleinen Programmen zu implementieren, einschließlich des Grads der Wiederherstellung von Animationen, Gesten usw. Wir denken immer noch darüber nach Unsere neuesten Updates machen Fortschritte.

Flattern	WeChat-Applet

Verwandte Artikel

• Erkundung der Erweiterung von Flutter auf das WeChat-Miniprogramm

TODO

Derzeit unterstützen wir nur grundlegende Widgets Center , Column , Container , Expanded , Image.asset , ListView , Row und Text Selbst diese grundlegenden Widgets wie ListView sind noch nicht vollständig . Und Ihr Flutter -Code kann nur in der Datei lib/main.dart erscheinen. Wir werden flutter_mp Schritt für Schritt ungefähr in der folgenden Reihenfolge verbessern.

1. Ich suche den äquivalenten Ausdruck des Flutter- Layouts unter CSS
2. Verbessern Sie grundlegende Widgets
3. Unterstützt zustandsbehaftetes Widget
4. Unterstützt benutzerdefinierte Widgets
5. Ereignis/Lebenszyklus
6. Mehrere Seiten, Navigations-/Routing-Unterstützung
7. Die Flatteranimation ist teilweise im Miniprogramm implementiert (inwieweit kann sie wiederhergestellt werden??)
8. Optimierung der Miniprogrammleistung
9. Optimierung der Paketgröße kleiner Programme
10. andere

Erste Schritte

Zu diesem Zeitpunkt empfehlen wir, dass Sie nur den Code unter „Seen“ unter Examples ändern und flutter_mp ausprobieren.

1. Installieren Sie den Befehl flutter_mp

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

2. Führen Sie flutter_mp -v aus, um zu überprüfen, ob der Befehl erfolgreich installiert wurde

3. Fügen Sie Ihrem flutter -Projekt die folgenden Abhängigkeiten hinzu

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

4. Führen Sie den Befehl flutter_mp -i [flutter目录] -o [目标小程序目录] ​​aus.

5. Verwenden Sie WeChat Developer, um [目标小程序目录] des 4 Prozesses zu importieren und zu öffnen.

Auf diese Weise wird Ihre Flutter-Anwendung auf dem WeChat-Applet ausgeführt

Beispiele

1. Das offizielle Layout-Beispiel von Lakes, das entsprechende kompilierte Applet befindet sich in LakesMP (Sie können es natürlich manuell in ein beliebiges Verzeichnis kompilieren).

Änderungsprotokoll

Dieses Projekt entspricht den Commit-Nachrichtenkonventionen im Angular-Stil und das Aktualisierungsprotokoll wird automatisch von conventional-changelog generiert. Für das vollständige Protokoll klicken Sie bitte auf CHANGELOG.md.

Lizenz

MIT-Lizenz

Urheberrecht (c) ARES Labs