import React from 'react';
import { View } from 'react-native';

import { computePosition, styles } from './ContextMenu';

/**
Simplified version of ContextMenu without animation.
*/
export default class NotAnimatedContextMenu extends React.Component {

  render() {
    const { style, children, layouts, ...other } = this.props;
    const position = computePosition(layouts);
    return (
      <View {...other} style={[styles.options, style, position]}>
        {children}
      </View>
    );
  }

}

import React from 'react';
import { I18nManager, View } from 'react-native';

import { computePosition, styles } from './ContextMenu';

/**
Simplified version of ContextMenu without animation.
*/
export default class NotAnimatedContextMenu extends React.Component {

  render() {
    const { style, children, layouts, ...other } = this.props;
    const position = computePosition(layouts, I18nManager.isRTL);
    return (
      <View {...other} style={[styles.options, style, position]}>
        {children}
      </View>
    );
  }

}

Add RTL for not animated menu