rn-slider-switch/lib/Button.js

Multi slider switch component in React Native (iOs & android)

/* Switch Button Component class
 */
import React from 'react';
import { Image, TouchableOpacity, View } from 'react-native';
import styles from './styles';
import PropTypes from 'prop-types';

const getIcon = (type, active) => {
    let icn;
    switch (type) {
    case 'Open':
        icn = active
            ? require('./assets/slider/active/notstarted.png')
            : require('./assets/slider/inactive/notstarted.png');
        break;
    case 'In Progress':
        icn = active
            ? require('./assets/slider/active/inprogress.png')
            : require('./assets/slider/inactive/inprogress.png');
        break;
    case 'Complete':
        icn = active
            ? require('./assets/slider/active/complete.png')
            : require('./assets/slider/inactive/complete.png');
        break;
    }
    return icn;
};

const Button = props => {
    return (
        <View>
            <TouchableOpacity
                onPress={props.onPress}
                style={styles.buttonStyle}
            >
                <Image source={getIcon(props.type, props.active)} />
            </TouchableOpacity>
        </View>
    );
};

Button.propTypes = {
    type: PropTypes.string,
    active: PropTypes.bool,
    onPress: PropTypes.func
};

Button.defaultProps = {
    active: false
};

export default Button;