Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 | 1x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 1x 1x | /**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @flow strict-local
* @format
*/
'use strict';
import type { PressResponderConfig } from '../../modules/usePressEvents/PressResponder';
import type { ViewProps } from '../View';
import * as React from 'react';
import { useMemo, useRef } from 'react';
import pick from '../../modules/pick';
import useMergeRefs from '../../modules/useMergeRefs';
import usePressEvents from '../../modules/usePressEvents';
export type Props = $ReadOnly<{|
accessibilityLabel?: $PropertyType<ViewProps, 'accessibilityLabel'>,
accessibilityLiveRegion?: $PropertyType<ViewProps, 'accessibilityLiveRegion'>,
accessibilityRole?: $PropertyType<ViewProps, 'accessibilityRole'>,
accessibilityState?: $PropertyType<ViewProps, 'accessibilityState'>,
accessibilityValue?: $PropertyType<ViewProps, 'accessibilityValue'>,
children?: ?React.Node,
delayLongPress?: ?number,
delayPressIn?: ?number,
delayPressOut?: ?number,
disabled?: ?boolean,
focusable?: ?boolean,
nativeID?: $PropertyType<ViewProps, 'nativeID'>,
onBlur?: $PropertyType<ViewProps, 'onBlur'>,
onFocus?: $PropertyType<ViewProps, 'onFocus'>,
onLayout?: $PropertyType<ViewProps, 'onLayout'>,
onLongPress?: $PropertyType<PressResponderConfig, 'onLongPress'>,
onPress?: $PropertyType<PressResponderConfig, 'onPress'>,
onPressIn?: $PropertyType<PressResponderConfig, 'onPressStart'>,
onPressOut?: $PropertyType<PressResponderConfig, 'onPressEnd'>,
rejectResponderTermination?: ?boolean,
testID?: $PropertyType<ViewProps, 'testID'>
|}>;
const forwardPropsList = {
accessibilityDisabled: true,
accessibilityLabel: true,
accessibilityLiveRegion: true,
accessibilityRole: true,
accessibilityState: true,
accessibilityValue: true,
children: true,
disabled: true,
focusable: true,
nativeID: true,
onBlur: true,
onFocus: true,
onLayout: true,
testID: true
};
const pickProps = (props) => pick(props, forwardPropsList);
function TouchableWithoutFeedback(props: Props, forwardedRef): React.Node {
const {
delayPressIn,
delayPressOut,
delayLongPress,
disabled,
focusable,
onLongPress,
onPress,
onPressIn,
onPressOut,
rejectResponderTermination
} = props;
const hostRef = useRef(null);
const pressConfig = useMemo(
() => ({
cancelable: !rejectResponderTermination,
disabled,
delayLongPress,
delayPressStart: delayPressIn,
delayPressEnd: delayPressOut,
onLongPress,
onPress,
onPressStart: onPressIn,
onPressEnd: onPressOut
}),
[
disabled,
delayPressIn,
delayPressOut,
delayLongPress,
onLongPress,
onPress,
onPressIn,
onPressOut,
rejectResponderTermination
]
);
const pressEventHandlers = usePressEvents(hostRef, pressConfig);
const element = React.Children.only(props.children);
const children = [element.props.children];
const supportedProps = pickProps(props);
supportedProps.accessibilityDisabled = disabled;
supportedProps.focusable = !disabled && focusable !== false;
supportedProps.ref = useMergeRefs(forwardedRef, hostRef, element.ref);
const elementProps = Object.assign(supportedProps, pressEventHandlers);
return React.cloneElement(element, elementProps, ...children);
}
const MemoedTouchableWithoutFeedback = React.memo(React.forwardRef(TouchableWithoutFeedback));
MemoedTouchableWithoutFeedback.displayName = 'TouchableWithoutFeedback';
export default (MemoedTouchableWithoutFeedback: React.AbstractComponent<
Props,
React.ElementRef<any>
>);
|