Create adaptive and responsive apps

adaptiveとresponsiveの違い

  • responsive
    • 利用可能なスクリーンサイズに応じてレイアウトが変わる
  • adaptive
    • デバイス間で異なる操作や視覚的な違いに対応すること

responsiveなアプリを作る

以下を使ってできます

  • LayoutBuilderクラスを使う
    • builderの引数内でBoxConstraintを受け取れるので、それを使って操作を分けられる
    • 例えばmaxWidthより大きいときと、小さい時で返すWidgetを変えたりできる
  • Mediauery.ofメソッドを使う
    • 現在のアプリのサイズや向きを取得できます

adaptiveなアプリを作る

Building Adaptive appsでやるのでカット