つのパートで構成されています。BODY」というセクション。COLLECTIONS」というセクション。各セクション内には、再利用されている下位レベルのコンポーネントも確認できます。collection」カード。部分ごとにコンポーザブルの実装を開始します。最下位レベルのコンポーザブルから開始し、それらをより複雑なコンポーザブルにまとめていきましょう。終了すると、新しいアプリは、ここで示したデザインのような外観になります。修飾子コンポーザブルに変換する最初の要素は、検索バーです。デザインをもう一度見てみましょう。スクリーンショットを見ただけでは、このデザインをピクセル単位で正確に実装することは非常に困難です。一般的には、デザインに関してより詳しい情報がデザイナーから伝えられます。デザインが共有される場合もあります。デザインを受け取り、そのデザインを使用してサイズの設定値を読み取ります。グリッドがオーバーレイされて表示されるため、要素間および要素の周りのスペースのサイズを簡単に確認できます。若干の余白が追加されているため、正確なサイズを確認できるようになっています。あることが確認できます。幅は親の幅いっぱいにします。コンポーネントを使用します。いうコンポーザブルが含まれています。コンポーザブルを検索します。コールバックは何も行いません。レイアウトにフォーカスしているため、状態に関するものはすべて無視します。