mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 01:25:39 +00:00
83c2e0303b
Summary: public Added JS wrappers for ImageStore(Manager) and ImageEditor(Manager) so they can be required in the normal way instead of accessed directly via NativeModules. Reviewed By: dmmiller Differential Revision: D2773822 fb-gh-sync-id: 6eeafd3f80a87b1b91a04a2aebad6e2fd31b0e98
73 lines
1.9 KiB
JavaScript
73 lines
1.9 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule ImageEditor
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
const RCTImageEditingManager = require('NativeModules').ImageEditingManager;
|
|
|
|
type ImageCropData = {
|
|
/**
|
|
* The top-left corner of the cropped image, specified in the original
|
|
* image's coordinate space.
|
|
*/
|
|
offset: {
|
|
x: number;
|
|
y: number;
|
|
};
|
|
/**
|
|
* The size (dimensions) of the cropped image, specified in the original
|
|
* image's coordinate space.
|
|
*/
|
|
size: {
|
|
width: number;
|
|
height: number;
|
|
};
|
|
/**
|
|
* (Optional) size to scale the cropped image to.
|
|
*/
|
|
displaySize?: ?{
|
|
width: number;
|
|
height: number;
|
|
};
|
|
/**
|
|
* (Optional) the resizing mode to use when scaling the image. If the
|
|
* `displaySize` param is not specified, this has no effect.
|
|
*/
|
|
resizeMode?: ?$Enum<{
|
|
contain: string;
|
|
cover: string;
|
|
stretch: string;
|
|
}>;
|
|
};
|
|
|
|
class ImageEditor {
|
|
/**
|
|
* Crop the image specified by the URI param. If URI points to a remote
|
|
* image, it will be downloaded automatically. If the image cannot be
|
|
* loaded/downloaded, the failure callback will be called.
|
|
*
|
|
* If the cropping process is successful, the resultant cropped image
|
|
* will be stored in the ImageStore, and the URI returned in the success
|
|
* callback will point to the image in the store. Remember to delete the
|
|
* cropped image from the ImageStore when you are done with it.
|
|
*/
|
|
static cropImage(
|
|
uri: string,
|
|
cropData: ImageCropData,
|
|
success: (uri: string) => void,
|
|
failure: (error: Object) => void
|
|
) {
|
|
RCTImageEditingManager.cropImage(uri, cropData, success, failure);
|
|
}
|
|
}
|
|
|
|
module.exports = ImageEditor;
|