React Native Progressbar With Linear Gradient

React Native Progressbar With Linear Gradient will help you to achive Linear color in Progressbar

Installation

Install my-project with npm

  npm install react-native-progressbar-with-linear-gradient react-native-linear-gradient --save

Usage/Examples

import {Text, View, SafeAreaView} from 'react-native';
import React from 'react';
import ProgressBar from 'react-native-progressbar-with-linear-gradient';

export default function App() {
  return (
    <SafeAreaView
      style={{
        flex: 1,
        backgroundColor: '#eeeeee',
        justifyContent: 'center',
      }}>
      <Text style={{textAlign: 'center'}}>
        ProgressBar with linear gradient
      </Text>
      <View
        style={{
          height: 100,
          padding: 20,
        }}>
        <ProgressBar
          BgColor={'#ffffff'}
          FirstColor={'#58BF68'}
          LastColor={'#F1640E'}
          Percentage={'50%'}
        />
      </View>
    </SafeAreaView>
  );
}

Screenshots

Authors

• @sumupur