@chainplatform/pull-to-refresh

React Native Pull To Refresh for React Native and React Native Web, support ScrollView and FlatList. Bring Pull To Refresh to Website.

Install

npm install @chainplatform/pull-to-refresh --save

or

yarn add @chainplatform/pull-to-refresh

Usage

props:

• support full FlatList and ScrollView props

Example

import React from 'react';
import {StyleSheet} from 'react-native';
import ChainScrollView from '@chainplatform/pull-to-refresh';

class App extends React.Component {

onRefresh() {
  this.setState({refreshing: true});
}

  render() {
    return (
      <View style={{flex:1}}>
          <ChainScrollView
                    ref={this.ref}
                    testID={"scroll_view"}
                    style={{ flexGrow: 1, flexBasis: 0, padding: 15 }}
                    scrollEventThrottle={16}
                    bounces={false}
                    overScrollMode="never"
                    scrollEnabled={true}
                    bouncesZoom={false}
                    horizontal={false}
                    alwaysBounceHorizontal={false}
                    alwaysBounceVertical={false}
                    refreshing_letters={"Loading"}
                    default_letters={"Pull to refresh"}
                    textStyle={
                        {
                            fontSize: 14,
                            fontWeight: 500,
                            color: !this.state.refreshing ? "#DDDDDD" : "green"
                        }
                    }
                    refreshing={this.state.refreshing}
                    onRefresh={() => this.onRefresh()}
                >

                </ChainScrollView>
      </View>
    );
  }
}

🪪 License

MIT © 2025 Chain Platform

💖 Support & Donate

If you find this package helpful, consider supporting the development:

| Cryptocurrency | Address | |----------------|----------| | Bitcoin (BTC) | 17grbSNSEcEybS1nHh4TGYVodBwT16cWtc | | Ethereum (ETH) | 0xa2fd119a619908d53928e5848b49bf1cc15689d4 | | Tron (TRX) | TYL8p2PLCLDfq3CgGBp58WdUvvg9zsJ8pd | | DOGE (DOGE) | DDfKN2ys4frNaUkvPKcAdfL6SiVss5Bm19 | | USDT (SOLANA) | cPUZsb7T9tMfiZFqXbWbRvrUktxgZQXQ2Ni1HiVXgFm |

Your contribution helps maintain open-source development under the Chain Platform ecosystem 🚀