reactors/app/Component/View/Mobile.js

View components and APIs that work web, mobile and desktop!

/**
  * @module reactors
  * @flow
**/

import React, {Component} from 'react';
import {ScrollView, View} from 'react-native';
import omit from 'lodash/omit';

export default class ReactorsViewMobile extends Component {

  measure(cb: $ReactorsViewMeasureCallback) {
    return this.refs.__internalView.measure(cb);
  }

  render() {
    const props = {...this.props};

    if (props.onPress) {
      props.onStartShouldSetResponder = props.onPress;
      delete props.onPress;
    }

    if (this.props.scrollable) {
      return (
        <ScrollView
          ref="__internalView"
          {...omit(props, ['style'])}
          contentContainerStyle={this.props.style}
          >
          {this.props.children}
        </ScrollView>
      );
    }

    return (
      <View
        ref="__internalView"
        {...props}
        >
        {this.props.children}
      </View>
    );
  }

}