@mobily/stacks
Version:
⚡ A set of useful components to help you build and maintain React Native (Web too) layouts with ease.
78 lines (77 loc) • 4.4 kB
TypeScript
import { AccessibilityActionInfo, AccessibilityPropsAndroid, AccessibilityRole, AccessibilityState, AccessibilityValue, Insets, LayoutChangeEvent, GestureResponderEvent, StyleProp, ViewStyle, View } from 'react-native';
import * as React from 'react';
import type { flex as Flex } from './Stacks_types.gen';
import type { responsiveProp as ResponsiveProp } from './Stacks_types.gen';
export declare type Props = {
readonly accessibilityActions?: AccessibilityActionInfo[];
readonly accessibilityElementsHidden?: boolean;
readonly accessibilityHint?: string;
readonly accessibilityIgnoresInvertColors?: boolean;
readonly accessibilityLabel?: string;
readonly accessibilityLiveRegion?: AccessibilityPropsAndroid['accessibilityLiveRegion'];
readonly accessibilityRole?: AccessibilityRole;
readonly accessibilityState?: AccessibilityState;
readonly accessibilityValue?: AccessibilityValue;
readonly accessibilityViewIsModal?: boolean;
readonly accessible?: boolean;
readonly alignX?: ResponsiveProp<'center' | 'left' | 'right'>;
readonly alignY?: ResponsiveProp<'around' | 'between' | 'bottom' | 'center' | 'evenly' | 'top'>;
readonly children: React.ReactNode;
readonly collapsable?: boolean;
readonly defaultHeight?: ResponsiveProp<Flex>;
readonly hitSlop?: Insets;
readonly importantForAccessibility?: 'auto' | 'no' | 'no-hide-descendants' | 'yes';
readonly margin?: ResponsiveProp<number>;
readonly marginBottom?: ResponsiveProp<number>;
readonly marginEnd?: ResponsiveProp<number>;
readonly marginLeft?: ResponsiveProp<number>;
readonly marginRight?: ResponsiveProp<number>;
readonly marginStart?: ResponsiveProp<number>;
readonly marginTop?: ResponsiveProp<number>;
readonly marginX?: ResponsiveProp<number>;
readonly marginY?: ResponsiveProp<number>;
readonly nativeID?: string;
readonly needsOffscreenAlphaCompositing?: boolean;
readonly onAccessibilityEscape?: () => void;
readonly onAccessibilityTap?: () => void;
readonly onLayout?: (event: LayoutChangeEvent) => void;
readonly onMagicTap?: () => void;
readonly onMouseDown?: (event: MouseEvent) => void;
readonly onMouseEnter?: (event: MouseEvent) => void;
readonly onMouseLeave?: (event: MouseEvent) => void;
readonly onMouseMove?: (event: MouseEvent) => void;
readonly onMouseOut?: (event: MouseEvent) => void;
readonly onMouseOver?: (event: MouseEvent) => void;
readonly onMouseUp?: (event: MouseEvent) => void;
readonly onMoveShouldSetResponder?: (event: GestureResponderEvent) => boolean;
readonly onMoveShouldSetResponderCapture?: (event: GestureResponderEvent) => boolean;
readonly onResponderEnd?: (event: GestureResponderEvent) => void;
readonly onResponderGrant?: (event: GestureResponderEvent) => void;
readonly onResponderMove?: (event: GestureResponderEvent) => void;
readonly onResponderReject?: (event: GestureResponderEvent) => void;
readonly onResponderRelease?: (event: GestureResponderEvent) => void;
readonly onResponderStart?: (event: GestureResponderEvent) => void;
readonly onResponderTerminate?: (event: GestureResponderEvent) => void;
readonly onResponderTerminationRequest?: (event: GestureResponderEvent) => boolean;
readonly onStartShouldSetResponder?: (event: GestureResponderEvent) => boolean;
readonly onStartShouldSetResponderCapture?: (event: GestureResponderEvent) => boolean;
readonly padding?: ResponsiveProp<number>;
readonly paddingBottom?: ResponsiveProp<number>;
readonly paddingEnd?: ResponsiveProp<number>;
readonly paddingLeft?: ResponsiveProp<number>;
readonly paddingRight?: ResponsiveProp<number>;
readonly paddingStart?: ResponsiveProp<number>;
readonly paddingTop?: ResponsiveProp<number>;
readonly paddingX?: ResponsiveProp<number>;
readonly paddingY?: ResponsiveProp<number>;
readonly pointerEvents?: 'auto' | 'box-none' | 'box-only' | 'none';
readonly removeClippedSubviews?: boolean;
readonly renderToHardwareTextureAndroid?: boolean;
readonly reverse?: boolean;
readonly shouldRasterizeIOS?: boolean;
readonly space?: ResponsiveProp<number>;
readonly style?: StyleProp<ViewStyle>;
readonly testID?: string;
readonly viewRef?: React.RefObject<View>;
};
export declare const make: React.ComponentType<Props>;