React Reference > PullHook Component

<PullHook />

使い方 

return (
      <PullHook onChange={this.onChange} onLoad={this.onLoad}>
      {
       (this.state.pullHookState === 'initial') ?
        <span >
          <Icon size={35} spin={false} icon='ion-arrow-down-a' />
          Pull down to refresh
        </span> :
        (this.state.pullHookState === 'preaction') ?
         <span>
           <Icon size={35} spin={false} icon='ion-arrow-up-a' />
           Release to refresh
        </span>
        :
        <span><Icon size={35} spin={true} icon='ion-load-d'></Icon> Loading data...</span>
    }
      </PullHook>
    );

Prop一覧

[編集]
名前 型 / デフォルト値 概要
onChangeState func Called when the pull hook inner state is changed. The state can be either “initial”, “preaction” or “action” （翻訳中） Optional.
onChange func DEPRECATED! Use onChangeState instead. （翻訳中） Optional.
onAction func Called when the pull hook is in the action state （翻訳中） Optional.
onLoad func DEPRECATED! Use onAction instead. （翻訳中） Optional.
onPull func Hook called whenever the user pulls the element. It gets the pulled distance ratio (scroll / height) and an animationOptions object as arguments. （翻訳中） Optional.
disabled bool When set to true, the pull hook will be disabled. （翻訳中） Optional.
height number The height of the pull hook in pixels. The default value is 64. （翻訳中） Optional.
thresholdHeight number The threshold height of the pull hook in pixels. The default value is 96. （翻訳中） Optional.
fixedContent bool If set to true, the content of the page will not move when pulling. （翻訳中） Optional.

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。