Surface Duo 向け Flutter を使ってみる

  • [アーティクル]

開始するには、Flutter 開発用にセットアップしたコンピューターに、Surface Duo デュアルスクリーン エミュレーターをダウンロードしてインストールする手順に従ってください。 Flutter をまだインストールしていない場合は、Flutter ファースト ステップ ガイドを使用できます。

Flutter Foldable Support

MediaQuery のディスプレイ機能

Flutter のたたみ込みサポートの基本は、ディスプレイ機能です。 これらは、視覚的な歪みを生み出し、画面領域に論理的分離を作成できるディスプレイの一部です。 これらの使用方法について詳しくは、MediaQuery のドキュメントを参照してください。

ダイアログとポップアップ

ダイアログとポップアップ メニューではディスプレイ機能が考慮され、これらの重なりが回避されます。 ダイアログの配置とポップアップの動作をより適切に制御するには、ヒンジ対応ポップアップ ルートに関するドキュメントを参照してください。

TwoPane ウィジェット

プロジェクトがより高いレベルのコンポーネントに適しているなら、それらを使用することをお勧めします。 TwoPane は、アプリケーションがまたがっているときに、各画面の設定を簡単にするウィジェットです。 そのため、タブレット、デスクトップ、大画面レイアウトにも役立ちます。 詳しくは、TwoPane のドキュメントをご覧ください。

ヒンジ角度の使用

Surface Duo などの折りたたみ型デバイス上のヒンジには、2 つの画面間の角度を示すセンサーが含まれています。 これは低レベルのデータと見なされます。ヒンジ角度を使用する代わりに、ディスプレイ機能のポスチャを使用することをお勧めします。 自身のユース ケースに正確なヒンジ角度の情報が必要な場合は、ヒンジ角度に関するドキュメントを参照してください。