flutter_mp

flutter_mp

flutter_mp的目標是把Flutter擴展到類小程式平台， Flutter是一個非常優秀的跨端框架，不僅可以運行在Android ， iOS ，透過flutter_web還可以運行在web平台，但是官方並沒有涉及小程式平台，希望flutter_mp可以填補這方面的空白。

flutter_mp inspired by Alita。 Alita引擎對JSX的動態處理方式，給聲明式UI框架在類別小程式運行中提供了想法。 flutter_mp正是這個思路在Flutter上的實踐。不過，現在flutter_mp還處於很早期的實驗階段，如果現在你的產品就有APP端，小程式端的多端需求，暫時我們還是建議你使用Alita，這是一套相對成熟的基於React Native的方案。

現階段， flutter_mp還是一個很不成熟的項目，完成度還很低，很多東西還在探索階段，離實際的可用還有很長的距離，我們也僅僅是把官方簡單demo 運行在了微信小程序。另外，把所有的Flutter特性都在小程式上實現我們認為是不可能的，肯定會存在一些閹割和取捨，包括動畫，手勢等等在內的還原程度，我們也還在思考，歡迎關注我們最新的進展。

Flutter	微信小程式

相關文章

• 把Flutter擴展到微信小程式端的探索

TODO

暫時，我們還只支援Center ， Column ， Container ， Expanded ， Image.asset ， ListView ， Row ， Text這些基本Widget，暫不支援自訂Widget，即使這些基本Widget也不是完全體，例如ListView 。而且你的Flutter程式碼只能夠出現在lib/main.dart檔案中。 我們將大致按照如下的順序一步步完善flutter_mp 。

1. 尋求Flutter佈局在css下的等效表達
2. 完善基本Widget
3. 支援stateful Widget
4. 支援自訂Widget
5. 事件/生命週期
6. 多頁面，導航/路由的支持
7. Flutter動畫在小程式的部分實現（能還原的程度？？）
8. 小程式效能優化
9. 小程式包體積優化
10. 其他

Getting started

現階段，我們建議你僅在Examples下的lakes下修改程式碼，嘗試flutter_mp 。

1. 安裝flutter_mp命令

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

2. 執行flutter_mp -v查看指令是否安裝成功

3. 在你的flutter項目中添加如下依賴

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

4. 執行指令flutter_mp -i [flutter目录] -o [目标小程序目录]

5. 使用微信開發者匯入開啟4過程的[目标小程序目录] 。

這樣你的flutter應用程式就運行在微信小程式上

Examples

1. 官方版面範例lakes, 對應編譯出來的小程式在lakesMP(當然你可以手動編譯到任何你喜歡到目錄)。

更新日誌

本項目遵從Angular Style Commit Message Conventions，更新日誌由conventional-changelog自動產生。完整日誌請點選CHANGELOG.md。

License

MIT License

Copyright (c) ARES Labs