Comparar texto

Encuentra la diferencia entre dos archivos de texto

Visualización

Vista

Editor liveOcultar espacios en blancoOcultar sin cambiosSin ajuste de línea

Nivel de detalle

Sintaxis

Procesamiento

Diffchecker Desktop La forma más segura de usar Diffchecker. ¡Obtén la app de Diffchecker Desktop: tus diffs nunca salen de tu computadora!Obtener Desktop

View.js

Creado hace 4 añosEl diff nunca expira

154 eliminaciones

Líneas
Total
Eliminado

Caracteres
Total
Eliminado

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

189 líneas

24 adiciones

Líneas
Total
Añadido

Caracteres
Total
Añadido

Para continuar usando esta función, actualice a Diffchecker Pro Ver precios

203 líneas

/**

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

Diferencias guardadas

Texto original

Abrir archivo

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

Texto modificado

Abrir archivo

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;