mirror of
https://github.com/status-im/react-native.git
synced 2025-01-09 17:15:54 +00:00
60db876f66
Summary: public RCTUIManager is a public module with several useful methods, however, unlike most such modules, it does not have a JS wrapper that would allow it to be required directly. Besides making it more cumbersome to use, this also makes it impossible to modify the UIManager API, or smooth over differences between platforms in the JS layer without breaking all of the call sites. This diff adds a simple JS wrapper file for the UIManager module to make it easier to work with. Reviewed By: tadeuzagallo Differential Revision: D2700348 fb-gh-sync-id: dd9030eface100b1baf756da11bae355dc0f266f
61 lines
1.8 KiB
JavaScript
61 lines
1.8 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 queryLayoutByID
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
var ReactNativeTagHandles = require('ReactNativeTagHandles');
|
|
var UIManager = require('UIManager');
|
|
|
|
type OnSuccessCallback = (
|
|
left: number,
|
|
top: number,
|
|
width: number,
|
|
height: number,
|
|
pageX: number,
|
|
pageY: number
|
|
) => void
|
|
|
|
// I don't know what type error is...
|
|
type OnErrorCallback = (error: any) => void
|
|
|
|
/**
|
|
* Queries the layout of a view. The layout does not reflect the element as
|
|
* seen by the user, rather it reflects the position within the layout system,
|
|
* before any transforms are applied.
|
|
*
|
|
* The only other requirement is that the `pageX, pageY` values be in the same
|
|
* coordinate system that events' `pageX/Y` are reported. That means that for
|
|
* the web, `pageXOffset/pageYOffset` should be added to to
|
|
* getBoundingClientRect to make consistent with touches.
|
|
*
|
|
* var pageXOffset = window.pageXOffset;
|
|
* var pageYOffset = window.pageYOffset;
|
|
*
|
|
* This is an IOS specific implementation.
|
|
*
|
|
* @param {string} rootNodeID ID of the platform specific node to be measured.
|
|
* @param {function} onError `func(error)`
|
|
* @param {function} onSuccess `func(left, top, width, height, pageX, pageY)`
|
|
*/
|
|
var queryLayoutByID = function(
|
|
rootNodeID: string,
|
|
onError: OnErrorCallback,
|
|
onSuccess: OnSuccessCallback
|
|
): void {
|
|
// Native bridge doesn't *yet* surface errors.
|
|
UIManager.measure(
|
|
ReactNativeTagHandles.rootNodeIDToTag[rootNodeID],
|
|
onSuccess
|
|
);
|
|
};
|
|
|
|
module.exports = queryLayoutByID;
|