2017-08-13 21 views
3

私は反応ネイティブのフラットリストのリフレッシュインジケータを設定しようとしていますが、それを行う方法はわかりません。リストビューは、この小道具を持っていますフラットリストのリフレッシュインジケータを反応ネイティブで設定するには?

refreshControl={<RefreshControl 
         colors={["#9Bd35A", "#689F38"]} 
         refreshing={this.props.refreshing} 
         onRefresh={this._onRefresh.bind(this)} 
        /> 
       } 

しかし、フラットなリストはありこれらのみ:

refreshing={this.props.loading} 
onRefresh={this._onRefresh.bind(this)} 
+0

ソリューションこのリンク作品で、Plsはこの[リンク](https://stackoverflow.com/questions/38256972/how-to-customize-look-feel-of-react-nativeを確認してください。ただ、このような-listviews-refreshcontrol)を実行します。 – bamne123

答えて

4

私は解決策を見つけた私は、このために博覧会のスナックを作成しました!ダミーかもしれませんが、FlatListにはListViewのようなrefreshControlという小道具もありますが、私はそれをテストしませんでした!

refreshControl={ 
    <RefreshControl 
     colors={["#9Bd35A", "#689F38"]} 
     refreshing={this.props.refreshing} 
     onRefresh={this._onRefresh.bind(this)} 
    /> 
} 
+0

私は今この解決方法も使用していますが、うまくいきますが、正しいアプローチではないと心配しています。私は将来、再び研究し、あなたを更新します。発見した場合は更新してください。 – Noitidart

1

あなたは上記を示したのと同じRefreshControlコンポーネントを使用してFlatListコンポーネントにrenderScrollComponentに渡すことができます。 https://snack.expo.io/rJ7a6BCvW

FlatListは、自身の中にVirtualizedListを使用している、とVirtualizedListコンポーネントのために、それはrenderScrollComponentを取ります:https://facebook.github.io/react-native/docs/virtualizedlist.html#renderscrollcomponent

+1

私はこれを試しましたが、うまくいきませんでした!オブジェクトは関数ではありません(this.props.renderScrollComponent(this.props)を評価する) –

+0

私もこれを試しました。それが正しいかどうかわからないのは、スクロール・コンポーネント全体を変更するように思われるからです。リフレッシュ制御だけではありません。私は将来的にもっと研究してくれるでしょう。あなたが発見をした場合や 'renderScrollComponent'メソッドについて非常に確信がある場合は、更新してください。 – Noitidart

関連する問題