使用方法
インポート
例
プロパティ
| プロパティ | 型 | デフォルト値 | 必須 | 説明 |
|---|---|---|---|---|
progress | 数値 | なし | × | 進行状況の割合（%）を表す0～100の数値。未定義の場合、不確定の進行状況インジケーターが表示されます。 |
animationDuration | 数値 | 確定型では250ミリ秒、不確定型では1000ミリ秒 | × | 進行状況アニメーションの長さ（ミリ秒）。 |
indicatorColor | ColorValue | テーマにより決定 | × | 進行状況インジケーターの色。 |
trackColor | ColorValue | テーマにより決定 | × | 進行状況トラック（コンテナ）の色。 |
size | SizeVariantAll | ”md” | × | 進行状況バーのサイズ。‘xs’、‘sm’、‘md’、‘lg’、‘xl’、‘xxl’がサポートされています。 |
barStyle | ViewStyle | テーマにより決定 | × | バー（トラックまたはコンテナとも呼ばれます）のスタイルオーバーライド。 |
indicatorStyle | ViewStyle | テーマにより決定 | × | インジケーターのスタイルオーバーライド。 |
カスタマイズ
progress、animationDuration、indicatorColor、trackColor、size、barStyle、indicatorStyle、rtlの各プロパティを使用して、進行状況バーをカスタマイズできます。
テーマがサポートされ、現時点では、コンポーネントのborderRadius、height、width、backgroundColorの各スタイルに適用されます。
