Nobody Pays (for) Magazines

    react-native-bpk-component-progress

    3.0.1 • Public • Published

    react-native-bpk-component-progress

    Backpack React Native Progress component.

    Installation

    npm install react-native-bpk-component-progress --save-dev

    Usage

    import React, { Component } from 'react';
    import { View, StyleSheet } from 'react-native';
    import BpkProgress from 'react-native-bpk-component-progress';
    import { spacingBase } from 'bpk-tokens/tokens/base.react.native';
     
    const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: 'center',
        padding: spacingBase,
      },
    });
     
    export default class App extends Component {
      render() {
        return (
          <View style={styles.container}>
            <BpkProgress min={0} max={100} value={10} accessibilityLabel="0 of 100" />
            <BpkProgress min={0} max={100} value={10} accessibilityLabel="0 of 100" type="Bar" />
          </View>
        );
      }
    }

    Props

    Property PropType Required Default Value
    accessibilityLabel oneOfType(string, func) true -
    max number true -
    min number true -
    value number true -
    fillStyle object false -
    style object false -
    theme See Theme Props below false -
    type oneOf('default', 'bar') false default

    Theme Props

    • progressFillBackgroundColor,
    • progressTrackBackgroundColor

    Keywords

    none

    Install

    npm i react-native-bpk-component-progress

    DownloadsWeekly Downloads

    6

    Version

    3.0.1

    License

    Apache-2.0

    Unpacked Size

    52.5 kB

    Total Files

    12

    Last publish

    Collaborators

    • frugoman
    • zgeor
    • anambl
    • marianeumayer-skyscanner
    • ojcurt
    • tiagohngl