イミテーションボックスホース - 注文リストページ (33)

AppGallery Connect の開発準備には、ユーザーがいつでも注文および注文状況を確認できる永続的なエントリの実装が含まれます。注文状況は複数のタイプに分かれており、ユーザーが異なる注文状況を表示できるように切り替え機能が必要です。この機能を実装するために、タブコンポーネントを使用して異なる注文状況ページを切り替えます。「配送待ち」、「受取待ち」、「完了」などの異なる注文状況に対応するタブコンテンツがあります。新しいタブに切り替えると、ユーザーIDと注文状況に基づいて対応する注文がクエリされます。クエリされた注文は、商品画像や注文詳細を含めてページに表示されます。コードの実装には、タブコンポーネントの作成と、各注文状況に対応するコンテンツの追加が含まれます。「配送待ち」ページが最初に実装され、残りのページも同様に作成できます。データ要求は「配送待ち」コンポーネントで実装され、データがページに投入および表示されます。残りの2つのページは、注文状況とユーザーIDに基づいて対応するデータをクエリすることで実装できます。