Android Flutter入門チュートリアル(超詳しい)入門から習熟まで、1記事で十分〜

フラッターとは

Flutter は単なるクロスプラットフォームを解決するための UI フレームワークです. 結局, ネイティブ プラットフォームを使用して描画する必要があります. システム API とは関係のないほとんどのページは Flutter で処理できますが、 Androidを取得するページなど、システム情報を取得するページもありますが、通知バーのパーミッションはONになっていますか?携帯電話のバッテリー レベルを取得しますか?待機ニーズにはネイティブ サポートが必要です。

Flutter は Android オペレーティング システムのさまざまな機能と構成に依存しているため、ネイティブ デベロッパーとして Android の知識とスキルが Flutter 開発に非常に役立ちます。Flutter はモバイル インターフェースを構築するまったく新しい方法ですが、非 UI タスク用に Android (および iOS) と通信するためのプラグイン システムを備えています。そのため、Android のエキスパートであれば、Flutter を使用するためにすべてを再学習する必要はありません。

Flutter を学ぶ理由

Flutter テクノロジーは、ますます多くの企業が注目しているテクノロジー構築の方向性になっています。Ali、Tencent、ByteDance、JD.com、Meituan などの企業はすべて独自の Flutter エンジニアリング システムを構築し、多数の製品ラインで Flutter テクノロジーを使用してそれぞれのビジネス シナリオに対応しています。

新しいビジネス、大企業、中小企業、特にチームが不足している場合は、技術選択に Flutter を使用します。これにより、複数の端末での製品の実装、迅速なイテレーション、および迅速な試行錯誤をスピードアップできます。したがって、Android 開発者として、Flutter を学ぶことは必須です。

ここでは、 Flutter の技術分析と実際の戦闘を共有し、ハイブリッド エンジニアリングの内容、ビジネス構造、データ統計、および企業の実際の戦闘事例を説明して、皆さんの改善に役立てます。

完全なドキュメントが必要なパートナーは、記事の最後にあるカードをクリックして、入手方法を確認できます。

「バタバタ入門と実戦」

目次

画像

1章Flutterの基本機能

  • 初めての Flutter アプリへの旅
  • コンテナボックスモデル
  • 共通のページ フレームを作成する
  • アプリのメインの色とフォントを設定します
  • 写真とテキストで一覧表示
  • プルダウン更新とスライドアップを追加して、より多くの機能をリストにロードします
  • cached_network_image を使用して画像の読み込みエクスペリエンスを最適化する
  • 数億ドル相当の WeChat ページの模倣
  • 共通のログイン ページを開発する
  • 汎用テキスト入力ボックスをカプセル化します
  • ボトムポップアップウィンドウ ModelBottomSheet 詳細説明
  • CustomScrollView を使用して、より興味深いスライド効果を実現する
  • 下部のポップアップ ウィンドウで複数の選択を実装する方法は?

画像

第 2 章、Flutter ルーティング管理

  • アプリ ページのルーティングとルーティング インターセプトの実装
  • ルーティング パラメータの処理
  • fluro ルーティング管理について理解を深める
  • fluro のトランジション アニメーションを使用して、ページ切り替えエクスペリエンスを向上させます
  • カスタム遷移アニメーションを使用して、パーソナライズされたページ切り替えを実現する
  • この道は私が切り開き、この木は私が植えた。許可がないと403が来る
  • Flutter 2.0 のルーティングは私を混乱させました
  • 山道18合目の2.0ルート

画像

Chapter 3, Flutter ネットワークリクエストプラグイン Dio

  • 私たちが初めて会ったとき、ネットワークは王のディオを求めました
  • Dio を利用してデータの削除を依頼する
  • ディオのパッチ依頼で詳細編集完了
  • Post リクエストを使用してダイナミクスを高める
  • 写真の選択と写真のアップロードを 1 つの記事で取得
  • GetIt を使用して異なるページ間でデータを同期する
  • Dioカプセル化ゴールデンハウスCangjiao
  • ディオのインターセプター
  • ディオの突然の最期
  • ソース コードから Dio について詳しく知る
  • 少年、チケットはもう買いましたか?
  • 持続性を書く
  • ディオファイルのダウンロード
  • ディオ章あらすじ

画像

第 4 章、Flutter 状態の管理

  • 基本原則
  • プロバイダ
  • 戻ってきた
  • Mobxの記事
  • Getx 記事
  • BLOCの記事
  • 状態管理シリーズまとめ

画像

第 5 章、フラッター アニメーション

  • アニメーションを使用して、愛の 3 リンク アニメーションを作成する
  • コンポーネントに 3 次元アニメーションを持たせる
  • Miss Sister のフェードイン効果 - AnimatedOpacity の使用
  • AnimatedBuilder を使用してコンポーネントとアニメーションを分離し、動的な再利用を実現する
  • この鼓動を見てください - AnimatedPadding アプリ
  • シーンの切り替えには AnimatedSwitcher を使用する
  • ミス シスターの写真にカラー フィルターを追加する

画像

「フラッターのテクニカル分析と実践」

目次

第1章 ハイブリッド工学

  • フラッターエンジニアリングシステム
  • ハイブリッド エンジニアリング トランスフォーメーションとの戦い
  • ハイブリッド エンジニアリングと継続的インテグレーション
  • 混合プロジェクトの構築を迅速に完了
  • ハイブリッド スタック フレームワークで開発する

第2章 能力強化

  • ネイティブ機能に基づくプラグイン拡張
  • 外部テクスチャに基づく同一レイヤーのレンダリング
  • マルチメディア機能拡張の実践
  • リッチテキスト機能の応用実践

画像

第 3 章 ビジネス アーキテクチャの設計

  • アプリケーション フレームワークの設計演習
  • 軽量ダイナミックレンダリングエンジンの設計
  • アスペクト指向プログラミングの設計プラクティス
  • 高パフォーマンスの動的テンプレート レンダリングの実践

第 4 章 データの統計とパフォーマンス

  • データ統計フレームワークの設計
  • 性能安定性モニタリングスキームの設計
  • 高可用性フレームワークの設計と実践
  • 端末間ソリューションの性能比較演習

画像

第5章:エンタープライズレベルのアプリケーションの実戦

  • Flutter ベースの端末構造の進化と革新
  • Flutter と FaaS のクラウド統合アーキテクチャ

『Flutter 完全開発 実践的詳細解説』

目次

画像

記事の内容が大きくスペースが限られているため、情報はPDFドキュメントにまとめられています.Flutterのテクニカル分析と実戦の完全なドキュメントが必要な場合は、記事の最後のカードをクリックして取得方法を表示できます. !

おすすめ

転載: blog.csdn.net/Eqiqi/article/details/128630307