191 lines
4.7 KiB
JavaScript
191 lines
4.7 KiB
JavaScript
/**
|
|
* 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 {
|
|
LayoutEvent,
|
|
PressEvent,
|
|
TextLayoutEvent,
|
|
} from '../Types/CoreEventTypes';
|
|
import type {Node} from 'react';
|
|
import type {TextStyleProp} from '../StyleSheet/StyleSheet';
|
|
import type {
|
|
AccessibilityRole,
|
|
AccessibilityState,
|
|
} from '../Components/View/ViewAccessibility';
|
|
|
|
export type PressRetentionOffset = $ReadOnly<{|
|
|
top: number,
|
|
left: number,
|
|
bottom: number,
|
|
right: number,
|
|
|}>;
|
|
|
|
/**
|
|
* @see https://reactnative.dev/docs/text.html#reference
|
|
*/
|
|
export type TextProps = $ReadOnly<{|
|
|
/**
|
|
* Indicates whether the view is an accessibility element.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#accessible
|
|
*/
|
|
accessible?: ?boolean,
|
|
accessibilityHint?: ?Stringish,
|
|
accessibilityLabel?: ?Stringish,
|
|
accessibilityRole?: ?AccessibilityRole,
|
|
accessibilityState?: ?AccessibilityState,
|
|
|
|
/**
|
|
* Whether font should be scaled down automatically.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#adjustsfontsizetofit
|
|
*/
|
|
adjustsFontSizeToFit?: ?boolean,
|
|
|
|
/**
|
|
* Whether fonts should scale to respect Text Size accessibility settings.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#allowfontscaling
|
|
*/
|
|
allowFontScaling?: ?boolean,
|
|
children?: ?Node,
|
|
|
|
/**
|
|
* When `numberOfLines` is set, this prop defines how text will be
|
|
* truncated.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#ellipsizemode
|
|
*/
|
|
ellipsizeMode?: ?('clip' | 'head' | 'middle' | 'tail'),
|
|
|
|
/**
|
|
* Specifies largest possible scale a font can reach when `allowFontScaling` is enabled.
|
|
* Possible values:
|
|
* `null/undefined` (default): inherit from the parent node or the global default (0)
|
|
* `0`: no max, ignore parent/global default
|
|
* `>= 1`: sets the maxFontSizeMultiplier of this node to this value
|
|
*/
|
|
maxFontSizeMultiplier?: ?number,
|
|
|
|
/**
|
|
* Used to locate this view from native code.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#nativeid
|
|
*/
|
|
nativeID?: ?string,
|
|
|
|
/**
|
|
* Used to truncate the text with an ellipsis.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#numberoflines
|
|
*/
|
|
numberOfLines?: ?number,
|
|
|
|
/**
|
|
* Invoked on mount and layout changes.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#onlayout
|
|
*/
|
|
onLayout?: ?(event: LayoutEvent) => mixed,
|
|
|
|
/**
|
|
* This function is called on long press.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#onlongpress
|
|
*/
|
|
onLongPress?: ?(event: PressEvent) => mixed,
|
|
|
|
/**
|
|
* This function is called on press.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#onpress
|
|
*/
|
|
onPress?: ?(event: PressEvent) => mixed,
|
|
onResponderGrant?: ?(event: PressEvent, dispatchID: string) => void,
|
|
onResponderMove?: ?(event: PressEvent) => void,
|
|
onResponderRelease?: ?(event: PressEvent) => void,
|
|
onResponderTerminate?: ?(event: PressEvent) => void,
|
|
onResponderTerminationRequest?: ?() => boolean,
|
|
onStartShouldSetResponder?: ?() => boolean,
|
|
onMoveShouldSetResponder?: ?() => boolean,
|
|
onTextLayout?: ?(event: TextLayoutEvent) => mixed,
|
|
|
|
/**
|
|
* Defines how far your touch may move off of the button, before
|
|
* deactivating the button.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#pressretentionoffset
|
|
*/
|
|
pressRetentionOffset?: ?PressRetentionOffset,
|
|
|
|
/**
|
|
* Lets the user select text.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#selectable
|
|
*/
|
|
selectable?: ?boolean,
|
|
style?: ?TextStyleProp,
|
|
|
|
/**
|
|
* Used to locate this view in end-to-end tests.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#testid
|
|
*/
|
|
testID?: ?string,
|
|
|
|
/**
|
|
* Android Only
|
|
*/
|
|
|
|
/**
|
|
* Specifies the disabled state of the text view for testing purposes.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#disabled
|
|
*/
|
|
disabled?: ?boolean,
|
|
|
|
/**
|
|
* The highlight color of the text.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#selectioncolor
|
|
*/
|
|
selectionColor?: ?string,
|
|
|
|
dataDetectorType?: ?('phoneNumber' | 'link' | 'email' | 'none' | 'all'),
|
|
|
|
/**
|
|
* Set text break strategy on Android.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#textbreakstrategy
|
|
*/
|
|
textBreakStrategy?: ?('balanced' | 'highQuality' | 'simple'),
|
|
|
|
/**
|
|
* iOS Only
|
|
*/
|
|
adjustsFontSizeToFit?: ?boolean,
|
|
|
|
/**
|
|
* Smallest possible scale a font can reach.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#minimumfontscale
|
|
*/
|
|
minimumFontScale?: ?number,
|
|
|
|
/**
|
|
* When `true`, no visual change is made when text is pressed down.
|
|
*
|
|
* See https://reactnative.dev/docs/text.html#supperhighlighting
|
|
*/
|
|
suppressHighlighting?: ?boolean,
|
|
|}>;
|