@ant-design/react-native/lib/style/index.d.ts

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

import React from 'react';
import defaultTheme from './themes/default';
export declare const ThemeContext: React.Context<{
    color_text_base: string;
    color_text_base_inverse: string;
    color_text_secondary: string;
    color_text_placeholder: string;
    color_text_disabled: string;
    color_text_caption: string;
    color_text_paragraph: string;
    color_link: string;
    fill_base: string;
    fill_body: string;
    fill_tap: string;
    fill_disabled: string;
    fill_mask: string;
    color_icon_base: string;
    fill_grey: string;
    opacity_disabled: string;
    brand_primary: string;
    brand_primary_tap: string;
    brand_success: string;
    brand_warning: string;
    brand_error: string;
    brand_important: string;
    brand_wait: string;
    border_color_base: string;
    font_size_icontext: number;
    font_size_caption_sm: number;
    font_size_base: number;
    font_size_subhead: number;
    font_size_caption: number;
    font_size_heading: number;
    radius_xs: number;
    radius_sm: number;
    radius_md: number;
    radius_lg: number;
    border_width_sm: number;
    border_width_md: number;
    border_width_lg: number;
    h_spacing_sm: number;
    h_spacing_md: number;
    /**
     * Component can extends this props
     */
    h_spacing_lg: number;
    v_spacing_xs: number;
    v_spacing_sm: number;
    v_spacing_md: number;
    v_spacing_lg: number;
    v_spacing_xl: number;
    line_height_base: number;
    line_height_paragraph: number;
    icon_size_xxs: number;
    icon_size_xs: number;
    icon_size_sm: number;
    icon_size_md: number;
    icon_size_lg: number;
    ease_in_out_quint: string;
    actionsheet_item_height: number;
    actionsheet_item_font_size: number;
    button_height: number;
    button_font_size: number;
    button_height_sm: number;
    button_font_size_sm: number;
    primary_button_fill: string;
    primary_button_fill_tap: string;
    ghost_button_color: string;
    ghost_button_fill_tap: string;
    warning_button_fill: string;
    warning_button_fill_tap: string;
    link_button_fill_tap: string;
    link_button_font_size: number;
    modal_font_size_heading: number;
    modal_button_font_size: number;
    modal_button_height: number;
    list_title_height: number;
    list_item_height_sm: number;
    list_item_height: number;
    input_label_width: number;
    input_font_size: number;
    input_color_icon: string;
    input_color_icon_tap: string;
    tabs_color: string;
    tabs_height: number;
    tabs_font_size_heading: number;
    segmented_control_color: string;
    segmented_control_height: number;
    segmented_control_fill_tap: string;
    tab_bar_fill: string;
    tab_bar_height: number;
    toast_fill: string;
    search_bar_fill: string;
    search_bar_height: number;
    search_bar_input_height: number;
    search_bar_font_size: number;
    search_color_icon: string;
    notice_bar_fill: string;
    notice_bar_height: number;
    checkbox_fill: string;
    checkbox_fill_disabled: string;
    checkbox_border: string;
    checkbox_border_disabled: string;
    switch_fill: string;
    switch_unchecked: string;
    switch_unchecked_disabled: string;
    switch_checked_disabled: string;
    tag_height: number;
    tag_small_height: number;
    option_height: number;
    toast_zindex: number;
    action_sheet_zindex: number;
    popup_zindex: number;
    modal_zindex: number;
}>;
export declare type Theme = typeof defaultTheme & {
    [key: string]: any;
};
export declare type PartialTheme = Partial<Theme>;
export interface ThemeProviderProps {
    value?: PartialTheme;
    children?: React.ReactNode;
}
export declare const ThemeProvider: (props: ThemeProviderProps) => JSX.Element;
export interface UseThemeContextProps {
    theme?: PartialTheme;
}
export declare const useTheme: <T, S>(props: any) => any;
export interface WithThemeProps<T, S> {
    themeStyles?: (theme: Theme) => T;
    styles?: S & {
        [key: string]: any;
    };
    children: (styles: T & {
        [key: string]: any;
    }, theme: Theme) => React.ReactNode;
}
/**
 * Component can extends this props
 */
export declare type WithThemeStyles<T> = {
    styles?: Partial<T>;
};
export declare function WithTheme<T, S>(props: WithThemeProps<T, S>): JSX.Element;