Ordinal

Ordinal

Alexa Ordinalレスポンシブ対応コンポーネント（AlexaOrdinal）は、リスト項目の番号を表示します。これは、複数の子コンポーネントを持つコンポーネント（Sequence、 Container、Pagerなど）のリスト項目に番号を付けるために使用します。

互換性

AlexaOrdinalは、alexa-viewport-profilesパッケージのすべての標準Viewportプロファイルで動作するように設計されています。次のプロファイルに対応しています。

  • すべての円形デバイスプロファイル
  • すべての横長デバイスプロファイル
  • すべての縦長デバイスプロファイル
  • すべてのモバイルプロファイル
  • すべてのテレビプロファイル

サポートされていないViewportでAlexaOrdinalを使用すると、予期しない結果になることがあります。Viewportプロファイルの詳細については、Viewportプロファイルを参照してください。

alexa-layoutsパッケージをインポートする

AlexaOrdinalを使用するには、alexa-layoutsパッケージをインポートします。

alexa-layoutsパッケージの最新バージョンは1.7.0です。AlexaOrdinalはバージョン1.1.0で導入されました。

AlexaOrdinalのパラメーター

type以外のパラメーターはすべてオプションです。

名前 型 デフォルト 説明 ウィジェットのサポート 追加されたバージョン

accessibilityLabel

文字列

{ordinalText}

順序数を説明する文字列です。ユーザーがこのコンポーネントを選択すると、ボイスオーバーでこの文字列が読み上げられます。

サポートされません

1.7.0

entities

配列

—

このコンポーネントにバインドするentityデータの配列です。

サポートされません

1.2.0

ordinalText

文字列

—

表示する番号を指定します。このコンポーネントをSequenceで使用する場合、各項目に自動的に番号を割り当てるには、このプロパティを未設定のままにします。

サポートされません

1.1.0

theme

文字列

dark

色のテーマをダークまたはライトに設定します。選択されたテーマによってコンポーネントの色が制御されます。

サポートされません

1.1.0

type

文字列

—

常にAlexaOrdinalに設定します。

サポートされません

1.1.0

番号を表示する

AlexaOrdinalは、データバインディングコンテキストでordinalプロパティを使用してリスト項目の番号を表示します。このプロパティは、複数の子を持つことが可能なコンポーネント内で使用される、以下の子コンポーネントに適用できます。

番号を表示するには、ContainerまたはSequenceでnumberedプロパティをtrueに設定する必要もあります。numberedがfalseの場合、AlexaOrdinalは番号のない円を表示します。

AlexaOrdinalの例

この例は、テキスト行の横にAlexaOrdinalを表示するSequenceを示しています。

このページは役に立ちましたか？

最終更新日: 2025 年 11 月 04 日