@ant-design/react-native/lib/tabs/Tabs.d.ts

基于蚂蚁金服移动设计规范的 React Native 组件库

import React from 'react';
import { Animated, LayoutChangeEvent } from 'react-native';
import Carousel from '../carousel/index';
import { WithThemeStyles } from '../style';
import { DefaultTabBar } from './DefaultTabBar';
import { PropsType, TabData } from './PropsType';
import { TabsStyle } from './style/tabs';
export interface StateType {
    currentTab: number;
    scrollX: Animated.Value;
    scrollValue: Animated.Value;
    containerWidth: number;
    containerHeight: number;
    selectedIndex: number;
}
export interface TabsProps extends PropsType, WithThemeStyles<TabsStyle> {
}
export declare class Tabs extends React.PureComponent<TabsProps, StateType> {
    static defaultProps: PropsType;
    static DefaultTabBar: typeof DefaultTabBar;
    carousel: Carousel | null;
    protected instanceId: number;
    protected prevCurrentTab: number;
    protected tabCache: {
        [index: number]: React.ReactNode;
    };
    constructor(props: PropsType);
    componentDidMount(): void;
    renderContent: (getSubElements?: (defaultPrefix?: string) => {
        [key: string]: React.ReactNode;
    }) => React.JSX.Element;
    handleLayout1: (e: LayoutChangeEvent) => void;
    handleLayout2: (e: LayoutChangeEvent) => void;
    scrollTo: (index: number, animated?: boolean) => void;
    render(): React.JSX.Element;
    getTabIndex(props: PropsType): number;
    isTabVertical: (direction?: "horizontal" | "vertical" | undefined) => direction is "vertical";
    shouldRenderTab: (idx: number) => boolean;
    UNSAFE_componentWillReceiveProps(nextProps: PropsType): void;
    componentDidUpdate(): void;
    getOffsetIndex: (current: number, width: number, threshold?: number) => number;
    goToTab(index: number): void;
    tabClickGoToTab(index: number): void;
    getTabBarBaseProps(): {
        activeTab: number;
        animated: boolean;
        goToTab: any;
        onTabClick: ((tab: TabData, index: number) => void) | undefined;
        tabBarActiveTextColor: string | undefined;
        tabBarBackgroundColor: string | undefined;
        tabBarInactiveTextColor: string | undefined;
        tabBarPosition: "top" | "bottom" | undefined;
        tabBarTextStyle: import("react-native").StyleProp<import("react-native").TextStyle>;
        tabBarUnderlineStyle: import("react-native").StyleProp<import("react-native").ViewStyle>;
        renderTab: ((tab: TabData) => React.ReactNode) | undefined;
        renderUnderline: ((style: any) => React.ReactNode) | undefined;
        tabs: TabData[];
        instanceId: number;
    };
    renderTabBar(tabBarProps: any, DefaultTabBar: React.ComponentClass): React.ReactNode;
    getSubElements: () => (defaultPrefix?: string) => {
        [key: string]: React.ReactNode;
    };
    getSubElement(tab: TabData, index: number, subElements: (defaultPrefix: string, allPrefix: string) => {
        [key: string]: any;
    }, defaultPrefix?: string, allPrefix?: string): any;
}