UNPKG

10.3 kBTypeScriptView Raw
1import React from 'react';
2import { StyleProp, ViewStyle, ViewProps } from 'react-native';
3import { ButtonProps } from '../buttons/Button';
4import { RneFunctionComponent } from '../helpers';
5export declare type TabItemProps = ButtonProps & {
6 active?: boolean;
7 variant?: 'primary' | 'default';
8};
9declare const TabItem: RneFunctionComponent<TabItemProps>;
10export declare type TabProps = ViewProps & {
11 value?: number;
12 onChange?: (value: number) => void;
13 disableIndicator?: boolean;
14 indicatorStyle?: StyleProp<ViewStyle>;
15 variant?: 'primary' | 'default';
16};
17interface Tab extends RneFunctionComponent<TabProps> {
18 Item: typeof TabItem;
19}
20declare const Tab: Tab;
21export { Tab };
22declare const _default: (React.FunctionComponent<Pick<ViewProps & {
23 value?: number;
24 onChange?: (value: number) => void;
25 disableIndicator?: boolean;
26 indicatorStyle?: StyleProp<ViewStyle>;
27 variant?: "primary" | "default";
28} & Partial<import("../config").ThemeProps<TabProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "nativeID" | "hitSlop" | "hasTVPreferredFocus" | "tvParallaxProperties" | "pointerEvents" | "removeClippedSubviews" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "value" | "indicatorStyle" | "onChange" | "variant" | "disableIndicator">> & {
29 Item: React.FunctionComponent<Pick<import("react-native").TouchableOpacityProps & import("react-native").TouchableNativeFeedbackProps & {
30 title?: string | React.ReactElement<{}, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
31 titleStyle?: StyleProp<import("react-native").TextStyle>;
32 titleProps?: import("..").TextProps;
33 buttonStyle?: StyleProp<ViewStyle>;
34 type?: "solid" | "clear" | "outline";
35 loading?: boolean;
36 loadingStyle?: StyleProp<ViewStyle>;
37 loadingProps?: import("react-native").ActivityIndicatorProps;
38 containerStyle?: StyleProp<ViewStyle>;
39 icon?: import("../icons/Icon").IconNode;
40 iconContainerStyle?: StyleProp<ViewStyle>;
41 iconRight?: boolean;
42 linearGradientProps?: object;
43 TouchableComponent?: typeof React.Component;
44 ViewComponent?: typeof React.Component;
45 disabled?: boolean;
46 disabledStyle?: StyleProp<ViewStyle>;
47 disabledTitleStyle?: StyleProp<import("react-native").TextStyle>;
48 raised?: boolean;
49 iconPosition?: "bottom" | "left" | "right" | "top";
50 } & {
51 active?: boolean;
52 variant?: "primary" | "default";
53 } & Partial<import("../config").ThemeProps<TabItemProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "raised" | "disabled" | "onPress" | "onLongPress" | "activeOpacity" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "hitSlop" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "hasTVPreferredFocus" | "tvParallaxProperties" | "touchSoundDisabled" | "background" | "useForeground" | "type" | "containerStyle" | "disabledStyle" | "title" | "icon" | "titleStyle" | "loading" | "titleProps" | "buttonStyle" | "loadingStyle" | "loadingProps" | "iconContainerStyle" | "iconRight" | "linearGradientProps" | "TouchableComponent" | "ViewComponent" | "disabledTitleStyle" | "iconPosition" | "active" | "variant">> | React.ForwardRefExoticComponent<import("react-native").TouchableOpacityProps & import("react-native").TouchableNativeFeedbackProps & {
54 title?: string | React.ReactElement<{}, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
55 titleStyle?: StyleProp<import("react-native").TextStyle>;
56 titleProps?: import("..").TextProps;
57 buttonStyle?: StyleProp<ViewStyle>;
58 type?: "solid" | "clear" | "outline";
59 loading?: boolean;
60 loadingStyle?: StyleProp<ViewStyle>;
61 loadingProps?: import("react-native").ActivityIndicatorProps;
62 containerStyle?: StyleProp<ViewStyle>;
63 icon?: import("../icons/Icon").IconNode;
64 iconContainerStyle?: StyleProp<ViewStyle>;
65 iconRight?: boolean;
66 linearGradientProps?: object;
67 TouchableComponent?: typeof React.Component;
68 ViewComponent?: typeof React.Component;
69 disabled?: boolean;
70 disabledStyle?: StyleProp<ViewStyle>;
71 disabledTitleStyle?: StyleProp<import("react-native").TextStyle>;
72 raised?: boolean;
73 iconPosition?: "bottom" | "left" | "right" | "top";
74 } & {
75 active?: boolean;
76 variant?: "primary" | "default";
77 } & Partial<import("../config").ThemeProps<TabItemProps>>>;
78}) | (React.ForwardRefExoticComponent<ViewProps & {
79 value?: number;
80 onChange?: (value: number) => void;
81 disableIndicator?: boolean;
82 indicatorStyle?: StyleProp<ViewStyle>;
83 variant?: "primary" | "default";
84} & Partial<import("../config").ThemeProps<TabProps>>> & {
85 Item: React.FunctionComponent<Pick<import("react-native").TouchableOpacityProps & import("react-native").TouchableNativeFeedbackProps & {
86 title?: string | React.ReactElement<{}, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
87 titleStyle?: StyleProp<import("react-native").TextStyle>;
88 titleProps?: import("..").TextProps;
89 buttonStyle?: StyleProp<ViewStyle>;
90 type?: "solid" | "clear" | "outline";
91 loading?: boolean;
92 loadingStyle?: StyleProp<ViewStyle>;
93 loadingProps?: import("react-native").ActivityIndicatorProps;
94 containerStyle?: StyleProp<ViewStyle>;
95 icon?: import("../icons/Icon").IconNode;
96 iconContainerStyle?: StyleProp<ViewStyle>;
97 iconRight?: boolean;
98 linearGradientProps?: object;
99 TouchableComponent?: typeof React.Component;
100 ViewComponent?: typeof React.Component;
101 disabled?: boolean;
102 disabledStyle?: StyleProp<ViewStyle>;
103 disabledTitleStyle?: StyleProp<import("react-native").TextStyle>;
104 raised?: boolean;
105 iconPosition?: "bottom" | "left" | "right" | "top";
106 } & {
107 active?: boolean;
108 variant?: "primary" | "default";
109 } & Partial<import("../config").ThemeProps<TabItemProps>>, "style" | "onLayout" | "testID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "raised" | "disabled" | "onPress" | "onLongPress" | "activeOpacity" | "delayLongPress" | "delayPressIn" | "delayPressOut" | "hitSlop" | "onBlur" | "onFocus" | "onPressIn" | "onPressOut" | "pressRetentionOffset" | "hasTVPreferredFocus" | "tvParallaxProperties" | "touchSoundDisabled" | "background" | "useForeground" | "type" | "containerStyle" | "disabledStyle" | "title" | "icon" | "titleStyle" | "loading" | "titleProps" | "buttonStyle" | "loadingStyle" | "loadingProps" | "iconContainerStyle" | "iconRight" | "linearGradientProps" | "TouchableComponent" | "ViewComponent" | "disabledTitleStyle" | "iconPosition" | "active" | "variant">> | React.ForwardRefExoticComponent<import("react-native").TouchableOpacityProps & import("react-native").TouchableNativeFeedbackProps & {
110 title?: string | React.ReactElement<{}, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)>;
111 titleStyle?: StyleProp<import("react-native").TextStyle>;
112 titleProps?: import("..").TextProps;
113 buttonStyle?: StyleProp<ViewStyle>;
114 type?: "solid" | "clear" | "outline";
115 loading?: boolean;
116 loadingStyle?: StyleProp<ViewStyle>;
117 loadingProps?: import("react-native").ActivityIndicatorProps;
118 containerStyle?: StyleProp<ViewStyle>;
119 icon?: import("../icons/Icon").IconNode;
120 iconContainerStyle?: StyleProp<ViewStyle>;
121 iconRight?: boolean;
122 linearGradientProps?: object;
123 TouchableComponent?: typeof React.Component;
124 ViewComponent?: typeof React.Component;
125 disabled?: boolean;
126 disabledStyle?: StyleProp<ViewStyle>;
127 disabledTitleStyle?: StyleProp<import("react-native").TextStyle>;
128 raised?: boolean;
129 iconPosition?: "bottom" | "left" | "right" | "top";
130 } & {
131 active?: boolean;
132 variant?: "primary" | "default";
133 } & Partial<import("../config").ThemeProps<TabItemProps>>>;
134});
135export default _default;
136
\No newline at end of file