टेक्स्ट की तुलना करें

दो टेक्स्ट फ़ाइलों के बीच अंतर ढूंढें

प्रदर्शन

लेआउट

रियल-टाइम एडिटररिक्त स्थान छिपाएँअपरिवर्तित संक्षिप्त करेंलाइन रैप बंद

परिवर्तन हाइलाइट करें

सिंटैक्स

प्रोसेसिंग

Diffchecker Desktop Diffchecker चलाने का सबसे सुरक्षित तरीका। Diffchecker Desktop ऐप पाएं: आपके diffs कभी आपके कंप्यूटर से बाहर नहीं जाते!Desktop पाएं

View.js

बनाया गया 4 वर्ष पहलेDiff कभी समाप्त नहीं होता

154 हटाए गए

लाइनें
कुल
हटाया गया

अक्षर
कुल
हटाया गया

इस सुविधा का उपयोग जारी रखने के लिए, अपग्रेड करें Diffchecker Pro मूल्य देखें

189 लाइनें

24 जोड़े गए

लाइनें
कुल
जोड़ा गया

अक्षर
कुल
जोड़ा गया

इस सुविधा का उपयोग जारी रखने के लिए, अपग्रेड करें Diffchecker Pro मूल्य देखें

203 लाइनें

/**

* 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

import type {ViewProps} from './ViewPropTypes';

import flattenStyle from '../../StyleSheet/flattenStyle';

import TextAncestor from '../../Text/TextAncestor';

import ViewNativeComponent from './ViewNativeComponent';

import * as React from 'react';

export type Props = ViewProps;

let didWarnAboutGap = false;

/**

* The most fundamental component for building a UI, View is a container that

* supports layout with flexbox, style, some touch handling, and accessibility

* controls.

* @see https://reactnative.dev/docs/view

const View: React.AbstractComponent<

ViewProps,

React.ElementRef<typeof ViewNativeComponent>,

React.ElementRef<typeof ViewNativeComponent>

> = React.forwardRef(

> = React.forwardRef((props: ViewProps, forwardedRef) => {

(

const {

{

accessibilityElementsHidden,

accessibilityLabel,

accessibilityLabelledBy,

accessibilityLiveRegion,

accessibilityRole,

accessibilityState,

accessibilityValue,

'aria-busy': ariaBusy,

'aria-checked': ariaChecked,

'aria-disabled': ariaDisabled,

'aria-expanded': ariaExpanded,

'aria-hidden': ariaHidden,

'aria-label': ariaLabel,

'aria-labelledby': ariaLabelledBy,

'aria-live': ariaLive,

'aria-selected': ariaSelected,

'aria-valuemax': ariaValueMax,

'aria-valuemin': ariaValueMin,

'aria-valuenow': ariaValueNow,

'aria-valuetext': ariaValueText,

focusable,

id,

importantForAccessibility,

nativeID,

pointerEvents,

role,

style,

tabIndex,

gap,

rowGap,

columnGap,

...otherProps

}: ViewProps,

} = props;

forwardedRef,

) => {

if (__DEV__) {

if (

('gap' in props || 'columnGap' in props || 'rowGap' in props) &&

!didWarnAboutGap

) {

console.warn(

'<View> was passed prop either `gap`, `columnGap`, `rowGap`. ' +

'Currently this is a no-op, but in future versions, this will ' +

'apply these props as styles.'

);

didWarnAboutGap = true;

}

const _accessibilityLabelledBy =

ariaLabelledBy?.split(/\s*,\s*/g) ?? accessibilityLabelledBy;

const _accessibilityState = {

busy: ariaBusy ?? accessibilityState?.busy,

checked: ariaChecked ?? accessibilityState?.checked,

disabled: ariaDisabled ?? accessibilityState?.disabled,

expanded: ariaExpanded ?? accessibilityState?.expanded,

selected: ariaSelected ?? accessibilityState?.selected,

};

const _accessibilityValue = {

max: ariaValueMax ?? accessibilityValue?.max,

min: ariaValueMin ?? accessibilityValue?.min,

now: ariaValueNow ?? accessibilityValue?.now,

text: ariaValueText ?? accessibilityValue?.text,

};

// Map role values to AccessibilityRole values

const roleToAccessibilityRoleMapping = {

alert: 'alert',

alertdialog: undefined,

application: undefined,

article: undefined,

banner: undefined,

button: 'button',

cell: undefined,

checkbox: 'checkbox',

columnheader: undefined,

combobox: 'combobox',

complementary: undefined,

contentinfo: undefined,

definition: undefined,

dialog: undefined,

directory: undefined,

document: undefined,

feed: undefined,

figure: undefined,

form: undefined,

grid: 'grid',

group: undefined,

heading: 'header',

img: 'image',

link: 'link',

list: 'list',

listitem: undefined,

log: undefined,

main: undefined,

marquee: undefined,

math: undefined,

menu: 'menu',

menubar: 'menubar',

menuitem: 'menuitem',

meter: undefined,

navigation: undefined,

none: 'none',

note: undefined,

presentation: 'none',

progressbar: 'progressbar',

radio: 'radio',

radiogroup: 'radiogroup',

region: undefined,

row: undefined,

rowgroup: undefined,

rowheader: undefined,

scrollbar: 'scrollbar',

searchbox: 'search',

separator: undefined,

slider: 'adjustable',

spinbutton: 'spinbutton',

status: undefined,

summary: 'summary',

switch: 'switch',

tab: 'tab',

table: undefined,

tablist: 'tablist',

tabpanel: undefined,

term: undefined,

timer: 'timer',

toolbar: 'toolbar',

tooltip: undefined,

tree: undefined,

treegrid: undefined,

treeitem: undefined,

};

const flattenedStyle = flattenStyle(style);

const newPointerEvents = flattenedStyle?.pointerEvents || pointerEvents;

return (

<TextAncestor.Provider value={false}>

<ViewNativeComponent

{...otherProps}

accessibilityLiveRegion={

ariaLive === 'off' ? 'none' : ariaLive ?? accessibilityLiveRegion

}

accessibilityLabel={ariaLabel ?? accessibilityLabel}

focusable={tabIndex !== undefined ? !tabIndex : focusable}

accessibilityState={_accessibilityState}

accessibilityRole={

role ? roleToAccessibilityRoleMapping[role] : accessibilityRole

}

accessibilityElementsHidden={

accessibilityElementsHidden={ariaHidden ?? accessibilityElementsHidden}

ariaHidden ?? accessibilityElementsHidden

}

accessibilityLabelledBy={_accessibilityLabelledBy}

accessibilityValue={_accessibilityValue}

importantForAccessibility={

ariaHidden === true

? 'no-hide-descendants'

: importantForAccessibility

}

nativeID={id ?? nativeID}

style={style}

pointerEvents={newPointerEvents}

ref={forwardedRef}

</TextAncestor.Provider>

);

});

);

View.displayName = 'View';

module.exports = View;

सेव किए गए Diffs

ऑरिजनल टेक्स्ट

फ़ाइल खोलें

/**
 * 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
 */

import type {ViewProps} from './ViewPropTypes';

import flattenStyle from '../../StyleSheet/flattenStyle';
import TextAncestor from '../../Text/TextAncestor';
import ViewNativeComponent from './ViewNativeComponent';
import * as React from 'react';

export type Props = ViewProps;

/**
 * The most fundamental component for building a UI, View is a container that
 * supports layout with flexbox, style, some touch handling, and accessibility
 * controls.
 *
 * @see https://reactnative.dev/docs/view
 */
const View: React.AbstractComponent<
  ViewProps,
  React.ElementRef<typeof ViewNativeComponent>,
> = React.forwardRef(
  (
    {
      accessibilityElementsHidden,
      accessibilityLabel,
      accessibilityLabelledBy,
      accessibilityLiveRegion,
      accessibilityRole,
      accessibilityState,
      accessibilityValue,
      'aria-busy': ariaBusy,
      'aria-checked': ariaChecked,
      'aria-disabled': ariaDisabled,
      'aria-expanded': ariaExpanded,
      'aria-hidden': ariaHidden,
      'aria-label': ariaLabel,
      'aria-labelledby': ariaLabelledBy,
      'aria-live': ariaLive,
      'aria-selected': ariaSelected,
      'aria-valuemax': ariaValueMax,
      'aria-valuemin': ariaValueMin,
      'aria-valuenow': ariaValueNow,
      'aria-valuetext': ariaValueText,
      focusable,
      id,
      importantForAccessibility,
      nativeID,
      pointerEvents,
      role,
      style,
      tabIndex,
      ...otherProps
    }: ViewProps,
    forwardedRef,
  ) => {
    const _accessibilityLabelledBy =
      ariaLabelledBy?.split(/\s*,\s*/g) ?? accessibilityLabelledBy;

const _accessibilityState = {
      busy: ariaBusy ?? accessibilityState?.busy,
      checked: ariaChecked ?? accessibilityState?.checked,
      disabled: ariaDisabled ?? accessibilityState?.disabled,
      expanded: ariaExpanded ?? accessibilityState?.expanded,
      selected: ariaSelected ?? accessibilityState?.selected,
    };

const _accessibilityValue = {
      max: ariaValueMax ?? accessibilityValue?.max,
      min: ariaValueMin ?? accessibilityValue?.min,
      now: ariaValueNow ?? accessibilityValue?.now,
      text: ariaValueText ?? accessibilityValue?.text,
    };

// Map role values to AccessibilityRole values
    const roleToAccessibilityRoleMapping = {
      alert: 'alert',
      alertdialog: undefined,
      application: undefined,
      article: undefined,
      banner: undefined,
      button: 'button',
      cell: undefined,
      checkbox: 'checkbox',
      columnheader: undefined,
      combobox: 'combobox',
      complementary: undefined,
      contentinfo: undefined,
      definition: undefined,
      dialog: undefined,
      directory: undefined,
      document: undefined,
      feed: undefined,
      figure: undefined,
      form: undefined,
      grid: 'grid',
      group: undefined,
      heading: 'header',
      img: 'image',
      link: 'link',
      list: 'list',
      listitem: undefined,
      log: undefined,
      main: undefined,
      marquee: undefined,
      math: undefined,
      menu: 'menu',
      menubar: 'menubar',
      menuitem: 'menuitem',
      meter: undefined,
      navigation: undefined,
      none: 'none',
      note: undefined,
      presentation: 'none',
      progressbar: 'progressbar',
      radio: 'radio',
      radiogroup: 'radiogroup',
      region: undefined,
      row: undefined,
      rowgroup: undefined,
      rowheader: undefined,
      scrollbar: 'scrollbar',
      searchbox: 'search',
      separator: undefined,
      slider: 'adjustable',
      spinbutton: 'spinbutton',
      status: undefined,
      summary: 'summary',
      switch: 'switch',
      tab: 'tab',
      table: undefined,
      tablist: 'tablist',
      tabpanel: undefined,
      term: undefined,
      timer: 'timer',
      toolbar: 'toolbar',
      tooltip: undefined,
      tree: undefined,
      treegrid: undefined,
      treeitem: undefined,
    };

const flattenedStyle = flattenStyle(style);
    const newPointerEvents = flattenedStyle?.pointerEvents || pointerEvents;

return (
      <TextAncestor.Provider value={false}>
        <ViewNativeComponent
          {...otherProps}
          accessibilityLiveRegion={
            ariaLive === 'off' ? 'none' : ariaLive ?? accessibilityLiveRegion
          }
          accessibilityLabel={ariaLabel ?? accessibilityLabel}
          focusable={tabIndex !== undefined ? !tabIndex : focusable}
          accessibilityState={_accessibilityState}
          accessibilityRole={
            role ? roleToAccessibilityRoleMapping[role] : accessibilityRole
          }
          accessibilityElementsHidden={
            ariaHidden ?? accessibilityElementsHidden
          }
          accessibilityLabelledBy={_accessibilityLabelledBy}
          accessibilityValue={_accessibilityValue}
          importantForAccessibility={
            ariaHidden === true
              ? 'no-hide-descendants'
              : importantForAccessibility
          }
          nativeID={id ?? nativeID}
          style={style}
          pointerEvents={newPointerEvents}
          ref={forwardedRef}
        />
      </TextAncestor.Provider>
    );
  },
);

View.displayName = 'View';

module.exports = View;

परिवर्तित टेक्स्ट

फ़ाइल खोलें

import type {ViewProps} from './ViewPropTypes';

import flattenStyle from '../../StyleSheet/flattenStyle';
import TextAncestor from '../../Text/TextAncestor';
import ViewNativeComponent from './ViewNativeComponent';
import * as React from 'react';

export type Props = ViewProps;

let didWarnAboutGap = false;

/**
 * The most fundamental component for building a UI, View is a container that
 * supports layout with flexbox, style, some touch handling, and accessibility
 * controls.
 *
 * @see https://reactnative.dev/docs/view
 */
const View: React.AbstractComponent<
  ViewProps,
  React.ElementRef<typeof ViewNativeComponent>
> = React.forwardRef((props: ViewProps, forwardedRef) => {
  const {
    accessibilityElementsHidden,
    accessibilityLabel,
    accessibilityLabelledBy,
    accessibilityLiveRegion,
    accessibilityRole,
    accessibilityState,
    accessibilityValue,
    'aria-busy': ariaBusy,
    'aria-checked': ariaChecked,
    'aria-disabled': ariaDisabled,
    'aria-expanded': ariaExpanded,
    'aria-hidden': ariaHidden,
    'aria-label': ariaLabel,
    'aria-labelledby': ariaLabelledBy,
    'aria-live': ariaLive,
    'aria-selected': ariaSelected,
    'aria-valuemax': ariaValueMax,
    'aria-valuemin': ariaValueMin,
    'aria-valuenow': ariaValueNow,
    'aria-valuetext': ariaValueText,
    focusable,
    id,
    importantForAccessibility,
    nativeID,
    pointerEvents,
    role,
    style,
    tabIndex,
    gap,
    rowGap,
    columnGap,
    ...otherProps
  } = props;

if (__DEV__) {
    if (
      ('gap' in props || 'columnGap' in props || 'rowGap' in props) &&
      !didWarnAboutGap
    ) {
      console.warn(
        '<View> was passed prop either `gap`, `columnGap`, `rowGap`. ' +
          'Currently this is a no-op, but in future versions, this will ' +
          'apply these props as styles.'
      );
      didWarnAboutGap = true;
    }
  }

const _accessibilityLabelledBy =
    ariaLabelledBy?.split(/\s*,\s*/g) ?? accessibilityLabelledBy;

const _accessibilityState = {
    busy: ariaBusy ?? accessibilityState?.busy,
    checked: ariaChecked ?? accessibilityState?.checked,
    disabled: ariaDisabled ?? accessibilityState?.disabled,
    expanded: ariaExpanded ?? accessibilityState?.expanded,
    selected: ariaSelected ?? accessibilityState?.selected,
  };

const _accessibilityValue = {
    max: ariaValueMax ?? accessibilityValue?.max,
    min: ariaValueMin ?? accessibilityValue?.min,
    now: ariaValueNow ?? accessibilityValue?.now,
    text: ariaValueText ?? accessibilityValue?.text,
  };

// Map role values to AccessibilityRole values
  const roleToAccessibilityRoleMapping = {
    alert: 'alert',
    alertdialog: undefined,
    application: undefined,
    article: undefined,
    banner: undefined,
    button: 'button',
    cell: undefined,
    checkbox: 'checkbox',
    columnheader: undefined,
    combobox: 'combobox',
    complementary: undefined,
    contentinfo: undefined,
    definition: undefined,
    dialog: undefined,
    directory: undefined,
    document: undefined,
    feed: undefined,
    figure: undefined,
    form: undefined,
    grid: 'grid',
    group: undefined,
    heading: 'header',
    img: 'image',
    link: 'link',
    list: 'list',
    listitem: undefined,
    log: undefined,
    main: undefined,
    marquee: undefined,
    math: undefined,
    menu: 'menu',
    menubar: 'menubar',
    menuitem: 'menuitem',
    meter: undefined,
    navigation: undefined,
    none: 'none',
    note: undefined,
    presentation: 'none',
    progressbar: 'progressbar',
    radio: 'radio',
    radiogroup: 'radiogroup',
    region: undefined,
    row: undefined,
    rowgroup: undefined,
    rowheader: undefined,
    scrollbar: 'scrollbar',
    searchbox: 'search',
    separator: undefined,
    slider: 'adjustable',
    spinbutton: 'spinbutton',
    status: undefined,
    summary: 'summary',
    switch: 'switch',
    tab: 'tab',
    table: undefined,
    tablist: 'tablist',
    tabpanel: undefined,
    term: undefined,
    timer: 'timer',
    toolbar: 'toolbar',
    tooltip: undefined,
    tree: undefined,
    treegrid: undefined,
    treeitem: undefined,
  };

const flattenedStyle = flattenStyle(style);
  const newPointerEvents = flattenedStyle?.pointerEvents || pointerEvents;

return (
    <TextAncestor.Provider value={false}>
      <ViewNativeComponent
        {...otherProps}
        accessibilityLiveRegion={
          ariaLive === 'off' ? 'none' : ariaLive ?? accessibilityLiveRegion
        }
        accessibilityLabel={ariaLabel ?? accessibilityLabel}
        focusable={tabIndex !== undefined ? !tabIndex : focusable}
        accessibilityState={_accessibilityState}
        accessibilityRole={
          role ? roleToAccessibilityRoleMapping[role] : accessibilityRole
        }
        accessibilityElementsHidden={ariaHidden ?? accessibilityElementsHidden}
        accessibilityLabelledBy={_accessibilityLabelledBy}
        accessibilityValue={_accessibilityValue}
        importantForAccessibility={
          ariaHidden === true
            ? 'no-hide-descendants'
            : importantForAccessibility
        }
        nativeID={id ?? nativeID}
        style={style}
        pointerEvents={newPointerEvents}
        ref={forwardedRef}
      />
    </TextAncestor.Provider>
  );
});

View.displayName = 'View';

module.exports = View;