BLUE

Navigation

Breadcrumbs

Upload

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

Edit File Size: 1.64 KB

/var/www/uibuilder.cmshelp.dk/httpdocs/node_modules/react-native/Libraries/Inspector/StyleInspector.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 strict-local
 */

'use strict';

import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
import type {____FlattenStyleProp_Internal} from '../StyleSheet/StyleSheetTypes';

import React from 'react';

const View = require('../Components/View/View');
const StyleSheet = require('../StyleSheet/StyleSheet');
const Text = require('../Text/Text');

type Props = $ReadOnly<{
  style?: ?____FlattenStyleProp_Internal<ViewStyleProp>,
}>;

function StyleInspector({style}: Props): React.Node {
  if (!style) {
    return <Text style={styles.noStyle}>No style</Text>;
  }
  const names = Object.keys(style);
  return (
    <View style={styles.container}>
      <View>
        {names.map(name => (
          <Text key={name} style={styles.attr}>
            {name}:
          </Text>
        ))}
      </View>

<View>
        {names.map(name => {
          const value = style?.[name];
          return (
            <Text key={name} style={styles.value}>
              {typeof value !== 'string' && typeof value !== 'number'
                ? JSON.stringify(value)
                : value}
            </Text>
          );
        })}
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
  },
  attr: {
    fontSize: 10,
    color: '#ccc',
  },
  value: {
    fontSize: 10,
    color: 'white',
    marginLeft: 10,
  },
  noStyle: {
    color: 'white',
    fontSize: 10,
  },
});

module.exports = StyleInspector;

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