メインコンテンツへスキップ
バージョン: v8

ion-refresher-content

リフレッシャーコンテンツには、プルダウンリフレッシュ中に表示されるテキスト、アイコン、スピナーが含まれています。 Ionic は、プラットフォームに基づいてプルアイコンとリフレッシュスピナーを表示します。ただし、デフォルトのアイコン、スピナー、およびテキストは、リフレッシャーの状態に基づいてカスタマイズできます。

使用例については、リフレッシャーのドキュメントを参照してください。

プロパティ

pullingIcon

説明プルダウンを開始したときに表示される静的アイコンまたはスピナー。 スピナー名を提供して、iOSデバイスでプルダウンしたときに徐々にティックマークを表示できます。
属性pulling-icon
タイプnull | string | undefined
デフォルトundefined

pullingText

説明プルダウンを開始したときに表示するテキスト。 pullingText は、プレーンテキストまたは HTML を文字列として受け入れることができます。 HTML 用に通常予約されている文字を表示するには、エスケープする必要があります。たとえば、<Ionic>&lt;Ionic&gt; になります

詳細については、セキュリティドキュメントを参照してください。

コンテンツはデフォルトでプレーンテキストとして解析されます。 カスタム HTML を使用する前に、Ionic 構成で innerHTMLTemplatesEnabledtrue に設定する必要があります。
属性pulling-text
タイプIonicSafeString | string | undefined
デフォルトundefined

refreshingSpinner

説明リフレッシュ開始時に表示されるアニメーション化された SVG スピナー
属性refreshing-spinner
タイプ"bubbles" | "circles" | "circular" | "crescent" | "dots" | "lines" | "lines-sharp" | "lines-sharp-small" | "lines-small" | null | undefined
デフォルトundefined

refreshingText

説明リフレッシュを実行するときに表示するテキスト。 refreshingText は、プレーンテキストまたは HTML を文字列として受け入れることができます。 HTML 用に通常予約されている文字を表示するには、エスケープする必要があります。たとえば、<Ionic>&lt;Ionic&gt; になります

詳細については、セキュリティドキュメントを参照してください。

コンテンツはデフォルトでプレーンテキストとして解析されます。 カスタム HTML を使用する前に、Ionic 構成で innerHTMLTemplatesEnabledtrue に設定する必要があります。
属性refreshing-text
タイプIonicSafeString | string | undefined
デフォルトundefined

イベント

このコンポーネントで使用できるイベントはありません。

メソッド

このコンポーネントで使用できるパブリックメソッドはありません。

CSS シャドウパーツ

このコンポーネントで使用できる CSS シャドウパーツはありません。

CSS カスタムプロパティ

このコンポーネントで使用できる CSS カスタムプロパティはありません。

スロット

このコンポーネントで使用できるスロットはありません。