react-native-ui-lib/src/components/view/index.js

UI Components Library for React Native ###### Lateset version support RN44

import React from 'react';
import {View as RNView, StyleSheet, ViewPropTypes} from 'react-native';
import {BaseComponent} from '../../commons';

/**
 * @description: Wrapper component for React Native View component
 * @modifiers: margins, paddings, alignments, background, borderRadius
 */
export default class View extends BaseComponent {

  static displayName = 'View';

  static propTypes = {
    ...ViewPropTypes,
    ...BaseComponent.propTypes,
  };

  generateStyles() {
    this.styles = createStyles(this.props);
  }

  setNativeProps(nativeProps) {
    this._root.setNativeProps(nativeProps); // eslint-disable-line
  }

  render() {
    const {backgroundColor, borderRadius, paddings, margins, alignments, flexStyle} = this.state;
    const {style, left, top, right, bottom, flex: propsFlex, ...others} = this.props;

    return (
      <RNView
        {...others}
        style={[
          this.styles.container,
          backgroundColor && {backgroundColor},
          borderRadius && {borderRadius},
          flexStyle,
          paddings,
          margins,
          alignments,
          style,
        ]}
      >
        {this.props.children}
      </RNView>
    );
  }
}

function createStyles() {
  return StyleSheet.create({
    container: {
    },
  });
}