react-native-div-hide/index.js

react-native libary for show/hide component

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

const Div = (props) => {
  const { children, hide, style, show } = props;
  if (hide) {
    return null;
  }
  if (show) {
    return (
      <View {...this.props} style={style}>
        {children}
      </View>
    );
  }
  return (
    <View {...this.props} style={style}>
      {children}
    </View>
  );
};

Div.propTypes = {
  children: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.element,
    PropTypes.number,
    PropTypes.arrayOf(PropTypes.oneOfType([
      PropTypes.string,
      PropTypes.number,
      PropTypes.element,
    ])),
  ]).isRequired,
  style: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
  hide: PropTypes.bool,
};

export default Div;