実装するのは至難の業です。シートマップを実装する方法について学習します。以下で説明する実践を実装したライブサンプルは、こちらにあります。コンポーネント必要なコンポーネントの確認から始めましょう。ダブルタップやピンチ操作によってコンテンツを拡大縮小させるためのコンポーネントです。シートマップ実装の基礎として使用します。エンドポイントから動的にコンテンツをフェッチし、提供されるテンプレートを使ってレンダリングするコンポーネントです。シートマップの現在の空席状況をフェッチし、ユーザーに最新のデータを表示できるようにします。ページにインタラクティビティを追加するコンポーネントです。ここでは、選択されたシート数を追跡するために必要となります。オプションのメニューを提示するコントロールで、ユーザーが操作することができます。シートマップ全体をオプションのメニューとし、各シートをオプションとして考えます。表現を使用することで、シートの選択状態のスタイリングが非常に簡単になります。以下の表現の場合、シートが選択されるとオレンジ色で塗りつぶされます。してシートマップを描画するには、各シートの情報が必要です。予約するために使用できる各シートの一意の識別子。属性に使用するシートマップの総幅と総高さ。使ってレンダリングされます。呼び出しからデータを受け取ると、そのデータを使用してシートをイテレートできます。エンドポイントが返して予約不可シートのスタイリングに使用すフィールドの値です。属性を削除できません。以下のようにタグを繰り返す方法が、別のより冗長的なアプローチとして考えられます。サイズを設定するのは困難です。layout="fill"(親コンテナの利用可能なスペースを使用する)の使用が必要となります。つの方法で解決できます。ページのヘッダーやフッターといったほかのコンポーネントが使用するスペースがわかったら、利用できるスペースを計算します。して割り当てて行います。レイアウトを使用します。使用する必要があります。シートマップの周りにホワイトスペースを維持して、ピンチとズームの領域にするには、以下を行います。マージンを追加すると、マージンの部分はピンチとズームの領域に追加されません。変数に入れて追跡することができます。式が評価されることになるため、シートマップの動作が非常に遅くなる可能性があります。式の重複を減らすことができます。policy.了解!。