BLUE

Navigation

Breadcrumbs

Upload

Tip: You can also drag & drop files anywhere on this page to upload.

Edit File Size: 1.56 KB

/var/www/uibuilder.cmshelp.dk/httpdocs/node_modules/react-native/Libraries/Inspector/InspectorOverlay.js

Text Base64

/**
 * Copyright (c) Meta Platforms, Inc. and affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 * @flow
 */

'use strict';

import type {PressEvent} from '../Types/CoreEventTypes';
import type {InspectedElement} from './Inspector';

const View = require('../Components/View/View');
const StyleSheet = require('../StyleSheet/StyleSheet');
const ElementBox = require('./ElementBox');
const React = require('react');

type Props = $ReadOnly<{|
  inspected?: ?InspectedElement,
  onTouchPoint: (locationX: number, locationY: number) => void,
|}>;

function InspectorOverlay({inspected, onTouchPoint}: Props): React.Node {
  const findViewForTouchEvent = (e: PressEvent) => {
    const {locationX, locationY} = e.nativeEvent.touches[0];

onTouchPoint(locationX, locationY);
  };

const handleStartShouldSetResponder = (e: PressEvent): boolean => {
    findViewForTouchEvent(e);
    return true;
  };

let content = null;
  if (inspected) {
    content = <ElementBox frame={inspected.frame} style={inspected.style} />;
  }

return (
    <View
      onStartShouldSetResponder={handleStartShouldSetResponder}
      onResponderMove={findViewForTouchEvent}
      nativeID="inspectorOverlay" /* TODO: T68258846. */
      style={styles.inspector}>
      {content}
    </View>
  );
}

const styles = StyleSheet.create({
  inspector: {
    backgroundColor: 'transparent',
    position: 'absolute',
    left: 0,
    top: 0,
    right: 0,
    bottom: 0,
  },
});

module.exports = InspectorOverlay;

Exit & Reset Text mode: syntax highlighting auto-detects file type.

Name	Size	Perms	Modified	Actions
BorderBox.js	925 B	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
BoxInspector.js	2.85 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
ElementBox.js	4.07 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
ElementProperties.js	3.41 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
getInspectorDataForViewAtPoint.js	2.08 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
Inspector.js	6.07 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
InspectorOverlay.js	1.56 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
InspectorPanel.js	4.57 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
NetworkOverlay.js	16.10 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
PerformanceOverlay.js	1.43 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
ReactDevToolsOverlay.js	4.13 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
resolveBoxStyle.js	2.68 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive
StyleInspector.js	1.64 KB	lrw-r--r--	2025-03-28 11:04:42	Edit Download recursive recursive

Directory Contents