rn-spacer/src/index.js

Component to add space between elements

import React from "react";
import { View } from "react-native";
import PropTypes from 'prop-types';

const Spacer = ({ size, horizontal, bgcolor }) => {
    const initalValue = 'auto';
    console.log("horizontal", horizontal);
    return (
        <View
            style={{
                width: horizontal ? size : initalValue,
                height: !horizontal ? size : initalValue,
                backgroundColor: bgcolor
            }}
        />
    );
};

Spacer.propTypes = {
    size: PropTypes.oneOfType([
        PropTypes.number,
        PropTypes.string
    ]).isRequired,
    horizontal: PropTypes.bool,
    color: PropTypes.string
};

Spacer.defaultProps = {
    horizontal: false,
    bgcolor: '#ffffff'
};

export default Spacer;