@chainplatform/progressive-image

React Native Progressive Image for React Native and React Native Web.

🚀 Installation

npm install @chainplatform/progressive-image

or

yarn add @chainplatform/progressive-image

🧩 Usage Example

import React from 'react';
import { View } from 'react-native';
import {StyleSheet} from 'react-native';
import ProgressiveImage, {Loading, ViewLoader} from '@chainplatform/progressive-image';

export default class App extends React.Component {
  render() {
    return (
      <View style={{flex:1}}>
          <ViewLoader
            style={{
              showLoading: false,
              imageType: "link",
              source: "image link",
              resizeMode: 'center',
              style: {
                width: 96,
                height: 40,
                color: '#4189FF'
              }
            }}/>
      </View>
    );
  }
}

🖼 Components

ProgressiveImage

The core image component with animation.

ViewLoader

A simple wrapper around ProgressiveImage for easy drop-in usage.

💡 Notes

• Fully compatible with React Native Web.
• Animation uses useNativeDriver when possible for smoother performance.

🪪 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 🚀