react-native-twopane-navigation/lib/typescript/utilities/interfaces.d.ts

React Native package for dual screen devices navigation support (Surface Duo)

import { ReactElement } from 'react';
import { IHeader } from '../shared/screenStore/headerStore/header.interface';
import { StyleProp, ViewStyle, TextStyle, ImageStyle } from 'react-native';
export interface IPaneComponent extends IBasePaneComponent {
    pane: paneType;
}
export declare type Style = StyleProp<ViewStyle>;
export declare type StyleText = StyleProp<TextStyle>;
export declare type StyleImage = StyleProp<ImageStyle>;
export interface IConfig {
    paneBody?: Style;
    paneHeader?: Style;
    paneHeaderText?: StyleText;
    paneHeaderIcon?: StyleImage;
}
export interface IConfigComponent {
    onePane?: IConfig;
    twoPane?: IConfig;
}
export interface IBasePaneComponent {
    key: string;
    paneElement: ReactElement;
    header?: IHeader;
    extensionOptions?: IExtensionOptions;
}
export interface IExtensionOptions {
    isExtendedLandscape: boolean;
    isExtendedPortrait: boolean;
}
export interface IEmptyAction {
    type: string;
    payload: {};
}
export declare enum paneType {
    ONE = "ONE",
    TWO = "TWO"
}
export interface ITwoPaneAppProps {
    /**
     * Default element for ONE screen mode
     */
    onePaneDefault: IBasePaneComponent;
    /**
     * Default element for TWO screen mode
     */
    twoPaneDefault: IBasePaneComponent;
    /**
     * override default values for your application
     */
    config?: IConfigComponent;
    /**
     * AppContainer if using React Navigation
     */
    navigationContainer?: JSX.Element;
}