flutter_mp

flutter_mp

flutter_mpの目標は、 Flutter を小さなプログラムのようなプラットフォームに拡張することです。Flutterは、 Android 、 iOSだけでなく、 flutter_webを介してwebプラットフォームでも実行できる非常に優れたクロスエンド フレームワークです。 flutter_mp がこのギャップを埋めることができることを願っています。

Flutter_mp はAlita からインスピレーションを受けました。 Alita エンジンのJSXの動的処理メソッドは、小さなプログラムで実行する宣言型 UI フレームワークのアイデアを提供します。 flutter_mp は、このアイデアをFlutter上で実践したものです。ただし、 flutter_mp はまだ非常に初期の実験段階にあり、製品に APP とミニ プログラムのマルチエンド要件がある場合は、当面は React Native に基づいた比較的成熟したソリューションである Alita を使用することをお勧めします。 。

現段階では、 flutter_mp はまだ非常に未熟なプロジェクトであり、完成度はまだ非常に低く、模索段階にあるものも多く、実際に利用できるようになるまでにはまだ長い道のりがあります。 WeChat アプレットの公式の簡単なデモ。さらに、 Flutter のすべての機能を小さなプログラムで実装することは不可能であると考えています。アニメーションやジェスチャーなどの復元の程度を含め、いくつかのトレードオフが必ず発生します。それについてはまだ検討中です。最新のアップデートの進捗状況。

フラッター	WeChat アプレット

関連記事

• Flutter を WeChat ミニ プログラムに拡張する検討

TODO

現時点では、 Center 、 Column 、 Container 、 Expanded 、 Image.asset 、 ListView 、 Row 、 Text Center基本的なウィジェットのみをサポートしています。 ListViewなどのカスタム ウィジェットもまだサポートしていません。 。また、 Flutterコードはlib/main.dartファイル内にのみ表示できます。 おおよそ次の順序で、 flutter_mp段階的に改善していきます。

1. Flutterレイアウトの等価表現をCSS上で求める
2. 基本的なウィジェットを改善する
3. ステートフル ウィジェットのサポート
4. カスタムウィジェットのサポート
5. イベント/ライフサイクル
6. 複数のページ、ナビゲーション/ルーティングのサポート
7. ミニプログラムにフラッターアニメーションを一部実装（どこまで復元できるのか？？）
8. ミニプログラムのパフォーマンスの最適化
9. 小さなプログラムのパッケージサイズの最適化
10. 他の

はじめる

この段階では、 Examplesのレイクの下にあるコードのみを変更し、 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. WeChat Developerを使用して、 4プロセスの[目标小程序目录]インポートして開きます。

このようにして、フラッター アプリケーションは WeChat アプレット上で実行されます。

例

1. 公式レイアウト サンプル lakes、対応するコンパイル済みアプレットは lakesMP にあります (もちろん、任意のディレクトリに手動でコンパイルできます)。

変更ログ

このプロジェクトは Angular スタイルのコミット メッセージ規約に準拠しており、更新ログはconventional-changelogによって自動的に生成されます。完全なログについては、CHANGELOG.md をクリックしてください。

ライセンス

MITライセンス

著作権 (c) ARES Labs