@fto-consult/expo-ui/src/components/DragResize/DragResizeContainer.js

Bibliothèque de composants UI Expo,react-native

// Copyright 2022 @fto-consult/Boris Fouomene. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
/***Fork of https://github.com/CaptainOmega/react-native-drag-resize components */
import React, {PureComponent} from 'react';
import {
  View,
} from 'react-native';
import PropTypes from 'prop-types';

/**
 * Drag resize container.
 * Allow calculate limitation by container size.
 */
export class DragResizeContainer extends PureComponent {

  render() {
    const {
      style,
      onInit,
      children,
    } = this.props;

    return (
      <View
        ref={view => {
          this.canvas = view;
        }}
        style={style}
        onLayout={() => {
          this.canvas.measure(
            (fx, fy, w, h, x, y) => {
              onInit({
                x: 0,
                y: 0,
                w,
                h,
              });
            }
          );
        }}
      >
        {children}
      </View>
    );
  }
};

DragResizeContainer.propTypes = {
  onInit: PropTypes.func.isRequired,
  style: PropTypes.object,
};