zoriya/react-native-web
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-web.git synced 2026-06-02 10:35:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

[change] synchronous layout measurement

Browse Source
This commit is contained in:
Nicolas Gallagher
2018-04-07 16:40:18 -07:00
parent 4529a4ac0a
commit a67bf0f490
1 changed files with 11 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react-native-web/src/exports/UIManager/index.js
Vendored
+11 -38
View File
@@ -8,8 +8,6 @@
* @noflow
*/
import requestAnimationFrame from 'fbjs/lib/requestAnimationFrame';
import setImmediate from 'fbjs/lib/setImmediate';
import setValueForStyles from '../../vendor/setValueForStyles';
const getRect = node => {
@@ -27,38 +25,15 @@ const getRect = node => {
return { height, left, top, width };
};
let hasRequestedAnimationFrame = false;
const measureLayoutQueue = [];
const processLayoutQueue = () => {
measureLayoutQueue.splice(0, 250).forEach(item => {
const [node, relativeToNativeNode, callback] = item;
const relativeNode = relativeToNativeNode || (node && node.parentNode);
if (node && relativeNode) {
const relativeRect = getRect(relativeNode);
const { height, left, top, width } = getRect(node);
const x = left - relativeRect.left;
const y = top - relativeRect.top;
callback(x, y, width, height, left, top);
}
});
if (measureLayoutQueue.length > 0) {
setImmediate(processLayoutQueue);
}
};
const measureLayout = (node, relativeToNativeNode, callback) => {
if (!hasRequestedAnimationFrame) {
requestAnimationFrame(() => {
hasRequestedAnimationFrame = false;
processLayoutQueue();
});
const relativeNode = relativeToNativeNode || (node && node.parentNode);
if (node && relativeNode) {
const relativeRect = getRect(relativeNode);
const { height, left, top, width } = getRect(node);
const x = left - relativeRect.left;
const y = top - relativeRect.top;
callback(x, y, width, height, left, top);
}
hasRequestedAnimationFrame = true;
measureLayoutQueue.push([node, relativeToNativeNode, callback]);
};
const UIManager = {
@@ -79,12 +54,10 @@ const UIManager = {
},
measureInWindow(node, callback) {
requestAnimationFrame(() => {
if (node) {
const { height, left, top, width } = getRect(node);
callback(left, top, width, height);
}
});
if (node) {
const { height, left, top, width } = getRect(node);
callback(left, top, width, height);
}
},
measureLayout(node, relativeToNativeNode, onFail, onSuccess) {