declare module "native-base" { import * as React from "react"; import * as ReactNative from "react-native";
namespace NativeBase { interface Text extends ReactNative.TextProperties { note?: boolean; uppercase?: boolean; }
interface Switch extends ReactNative.SwitchProperties { }
interface View extends ReactNative.ViewProperties { padder?: boolean; }
interface Picker extends ReactNative.PickerProperties { mode?: "dialog" | "dropdown"; iosHeader?: string; inlineLabel?: boolean; headerBackButtonText?: string; placeholder?: string; placeholderStyle?: ReactNative.TextStyle; textStyle?: ReactNative.TextStyle; style?: ReactNative.TextStyle; iosIcon?: React.ReactElement<NativeBase.Icon>; note?: boolean; placeholderIconColor?: string; itemTextStyle?: ReactNative.TextStyle; headerStyle?: ReactNative.ViewStyle; headerTitleStyle?: ReactNative.TextStyle; headerBackButtonTextStyle?: ReactNative.TextStyle; modalStyle?: ReactNative.ViewStyle; renderHeader?: (backAction: any) => React.ReactElement<any>; }
interface H1 extends ReactNative.TextProperties { }
interface H2 extends ReactNative.TextProperties { }
interface H3 extends ReactNative.TextProperties { }
interface BsStyle { success?: boolean; primary?: boolean; danger?: boolean; warning?: boolean; info?: boolean; }
interface Badge extends ReactNative.ViewProperties, BsStyle { }
interface CardSwiper { }
interface DeckSwiper {
dataSource?: Array<any>;
onSwipeLeft?: Function;
onSwipeRight?: Function;
renderItem?: Function; }
interface Header {
searchBar?: boolean;
rounded?: boolean; style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>;
hasTabs?: boolean; noShadow?: boolean; hasSubtitle?: boolean; span?: boolean; androidStatusBarColor?: string; iosBarStyle?: ReactNative.StatusBarStyle; hasSegment?: boolean; translucent?: boolean; transparent?: boolean; }
interface Left { style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Body { style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Right { style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface FooterTab { style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Footer { style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Title { style?: ReactNative.TextStyle; }
interface Subtitle { style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Container {
theme?: Object; style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Content {
refreshing?: boolean; refreshControl?: object; theme?: Object; padder?: boolean; disableKBDismissScroll?: boolean; enableResetScrollToCoords?: boolean; contentOffset?: Object; scrollEnabled?: boolean; style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; contentContainerStyle?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; keyboardShouldPersistTaps?: string; keyboardDismissMode?: string; }
interface Button extends ReactNative.TouchableOpacityProperties, BsStyle {
style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>;
textStyle?: ReactNative.TextStyle;
block?: boolean;
vertical?: boolean;
badge?: boolean;
transparent?: boolean; color?: string;
bordered?: boolean;
rounded?: boolean;
large?: boolean;
small?: boolean;
iconLeft?: boolean;
iconRight?: boolean;
icon?: boolean;
disabled?: boolean; active?: boolean; inputButton?: boolean; full?: boolean; light?: boolean; dark?: boolean;
androidRippleColor?: string;
first?: boolean; last?: boolean; }
interface List extends ReactListViewProperties { listBorderColor?: string; listDividerBg?: string; listNoteColor?: string; listItemPadding?: number; listNoteSize?: number; inset?: boolean;
dataArray?: Array<any>; renderRow?: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>; dataSource?: ReactNative.ListViewDataSource; disableLeftSwipe?: boolean; disableRightSwipe?: boolean; rightOpenValue?: number; leftOpenValue?: number; renderRightHiddenRow?: ( rowData: any, sectionID: string | number, rowID: string | number, rowMap?: any ) => React.ReactElement<any>; renderLeftHiddenRow?: ( rowData: any, sectionID: string | number, rowID: string | number, rowMap?: any ) => React.ReactElement<any>; rowHasChanged?: (r1: any, r2: any) => boolean; onRowOpen?: Function; onRowClose?: Function; onRowDidOpen?: Function; onRowDidClose?: Function; swipeToOpenPercent?: number; closeOnRowBeginSwipe?: boolean; }
interface ListItem extends ReactNative.TouchableOpacityProperties { header?: boolean; noBorder?: boolean; noIndent?: boolean;
iconRight?: boolean;
iconLeft?: boolean; icon?: boolean; avatar?: boolean; thumbnail?: boolean; button?: boolean;
itemDivider?: boolean;
note?: string; itemHeader?: boolean; first?: boolean; last?: boolean; selected?: boolean;
androidRippleColor?: string; touchableHighlightStyle?: ReactNative.ViewStyle; }
interface Separator { bordered?: boolean; style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface CardItem extends ReactNative.TouchableOpacityProperties { header?: boolean; footer?: boolean; cardBody?: boolean; button?: boolean; bordered?: boolean; }
interface ReactListViewProperties extends ReactNative.ScrollViewProperties, React.Props<ReactNative.ListView> {
enableEmptySections?: boolean;
initialListSize?: number;
onChangeVisibleRows?: ( visibleRows: Array<{ [sectionId: string]: { [rowID: string]: boolean } }>, changedRows: Array<{ [sectionId: string]: { [rowID: string]: boolean } }> ) => void;
onEndReached?: () => void;
onEndReachedThreshold?: number;
pageSize?: number;
removeClippedSubviews?: boolean;
renderFooter?: () => React.ReactElement<any>;
renderHeader?: () => React.ReactElement<any>;
renderRow?: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>;
renderScrollComponent?: ( props: ReactNative.ScrollViewProperties ) => React.ReactElement<ReactNative.ScrollViewProperties>;
renderSectionHeader?: (sectionData: any, sectionId: string | number) => React.ReactElement<any>;
renderSeparator?: ( sectionID: string | number, rowID: string | number, adjacentRowHighlighted?: boolean ) => React.ReactElement<any>;
scrollRenderAheadDistance?: number;
stickyHeaderIndices?: number[];
ref?: React.Ref<ReactNative.ListView & ReactNative.ScrollView & ReactNative.View>; }
interface Card extends ReactNative.ViewProperties { dataArray?: Array<any>; style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; ref?: React.Ref<ReactNative.ViewProperties | ReactListViewProperties>; transparent?: boolean; noShadow?: boolean;
enableEmptySections?: boolean; initialListSize?: number; onChangeVisibleRows?: ( visibleRows: Array<{ [sectionId: string]: { [rowID: string]: boolean } }>, changedRows: Array<{ [sectionId: string]: { [rowID: string]: boolean } }> ) => void; onEndReached?: () => void; onEndReachedThreshold?: number; pageSize?: number; removeClippedSubviews?: boolean; renderFooter?: () => React.ReactElement<any>; renderHeader?: () => React.ReactElement<any>; renderRow?: ( rowData: any, sectionID: string | number, rowID: string | number, highlightRow?: boolean ) => React.ReactElement<any>; renderScrollComponent?: (props: ReactNative.ScrollViewProperties) => React.ReactElement<ReactNative.ScrollViewProperties>; renderSectionHeader?: (sectionData: any, sectionId: string | number) => React.ReactElement<any>; renderSeparator?: ( sectionID: string | number, rowID: string | number, adjacentRowHighlighted?: boolean ) => React.ReactElement<any>; scrollRenderAheadDistance?: number; stickyHeaderIndices?: number[]; stickySectionHeadersEnabled?: boolean; }
interface Grid extends ReactNative.ViewProperties { } interface Row extends ReactNative.ViewProperties { size?: number; } interface Col extends ReactNative.ViewProperties { size?: number; }
interface InputGroup extends ReactNative.ViewProperties {
borderType?: "rounded" | "regular" | "underline"; toolbar?: boolean; atoolbar?: boolean;
iconRight?: boolean;
success?: boolean;
error?: boolean;
disabled?: boolean; regular?: boolean; underline?: boolean; rounded?: boolean; }
interface Input extends ReactNative.TextInputProperties { label?: string;
inlineLabel?: boolean;
stackedLabel?: boolean;
disabled?: boolean; getRef?: React.Ref<ReactNative.TextInput>; }
interface Textarea extends ReactNative.TextInputProperties { rowSpan: number; }
interface Label { style?: ReactNative.TextStyle; }
interface Icon { name: string; type?: "Entypo" | "EvilIcons" | "Feather" | "FontAwesome" | "Foundation" | "Ionicons" | "MaterialCommunityIcons" | "MaterialIcons" | "Octicons" | "SimpleLineIcons" | "Zocial"; style?: any; onPress?: (e?: any) => any; active?: boolean; ios?: string; android?: string; color?: string; fontSize?: number; }
interface Thumbnail extends ReactNative.ImageProperties {
size?: number;
circular?: boolean;
square?: boolean; small?: boolean; large?: boolean; }
interface Spinner extends ReactNative.ActivityIndicatorProperties { inverse?: boolean; }
interface CheckBox extends ReactNative.TouchableOpacityProperties { checked?: boolean; color?: string; }
interface Radio extends ReactNative.TouchableOpacityProperties { selected?: boolean; }
interface ProgressBar { progress?: number; color?: string; inverse?: boolean; }
interface DrawerStyles { drawer?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; main?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; drawerOverlay?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; mainOverlay?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; } interface Drawer { acceptDoubleTap?: boolean; acceptPan?: boolean; acceptTap?: boolean; captureGestures?: boolean; children?: any; open?: boolean; closedDrawerOffset?: number; content?: any; deviceScreen?: ReactNative.ScaledSize; disabled?: boolean; initializeOpen?: boolean; negotiatePan?: boolean; onClose?: Function; onCloseStart?: Function; onOpen?: Function; onOpenStart?: Function; openDrawerOffset?: number; openDrawerThreshold?: number; panCloseMask?: number; panOpenMask?: number; panStartCompensation?: boolean; relativeDrag?: boolean; side?: "left" | "right"; styles?: DrawerStyles; tapToClose?: boolean; tweenDuration?: number; tweenEasing?: string; tweenHandler?: Function; type?: "overlay" | "static" | "displace"; } interface ScrollableTab { goToPage?: Function; activeTab?: number; tabs?: Array<any>; backgroundColor?: string; activeTextColor?: string; inactiveTextColor?: string; scrollOffset?: number; style?: ReactNative.ViewStyle; tabStyle?: ReactNative.ViewStyle; tabsContainerStyle?: ReactNative.ViewStyle; renderTab?: Function; underlineStyle?: ReactNative.ViewStyle; onScroll?: Function; }
interface Tabs { renderTabBar?: Function; tabBarPosition?: "top" | "bottom"; edgeHitWidth?: number; springTension?: number; springFriction?: number; onChangeTab?: Function; locked?: boolean; initialPage?: number; tabBarUnderlineStyle?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; tabBarBackgroundColor?: string; tabBarActiveTextColor?: string; tabBarInactiveTextColor?: string; tabBarTextStyle?: ReactNative.TextStyle; tabContainerStyle?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; contentProps?: ReactNative.ScrollViewProperties; }
interface Tab { heading: React.ReactElement<TabHeading> | string; tabStyle?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; activeTabStyle?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; textStyle?: ReactNative.TextStyle; activeTextStyle?: ReactNative.TextStyle; } interface TabHeading { tabStyle?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; activeTabStyle?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; textStyle?: ReactNative.TextStyle; activeTextStyle?: ReactNative.TextStyle; style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Item { fixedLabel?: boolean; floatingLabel?: boolean; inlineLabel?: boolean; stackedLabel?: boolean; placeholderLabel?: boolean; bordered?: boolean; regular?: boolean; underline?: boolean; rounded?: boolean; disabled?: boolean; error?: boolean; placeholder?: string; secureTextEntry?: boolean; success?: boolean; last?: boolean; style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Form { style?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; }
interface Fab { active?: boolean; direction?: "down" | "up" | "left" | "right"; containerStyle?: ReactNative.ViewStyle | Array<ReactNative.ViewStyle>; onPress?: () => void; position?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight"; style?: ReactNative.ViewStyle; }
interface Image extends ReactNative.TextProperties { }
interface Segment extends ReactNative.TextProperties { }
interface Root extends ReactNative.TextProperties { }
interface StyleProvider { style?: any; } interface SwipeRow { leftOpenValue?: number; rightOpenValue?: number; closeOnRowPress?: boolean; disableLeftSwipe?: boolean; disableRightSwipe?: boolean; recalculateHiddenLayout?: boolean; preview?: boolean; previewDuration?: number; directionalDistanceChangeThreshold?: number; swipeToOpenPercent?: number; stopLeftSwipe?: number; stopRightSwipe?: number; onRowOpen?: Function; onRowClose?: Function; left?: React.ReactElement<any>; body?: React.ReactElement<any>; right?: React.ReactElement<any>; style?: ReactNative.ViewStyle; }
interface Accordion { dataArray: Array<any>; headerStyle?: ReactNative.ViewStyle; contentStyle?: ReactNative.ViewStyle; renderHeader?: (item: any, expanded: boolean) => React.ReactElement<any>; renderContent?: (item: any) => React.ReactElement<any>; icon?: string; expandedIcon?: string; iconStyle?: ReactNative.TextStyle; expandedIconStyle?: ReactNative.TextStyle; style?: ReactNative.ViewStyle; }
interface DatePicker { defaultDate?: Date; minimumDate?: Date; maximumDate?: Date; locale?: string; placeHolderText?: string; textStyle?: ReactNative.TextStyle; placeHolderTextStyle?: ReactNative.TextStyle; androidMode?: "calendar" | "spinner" | "default"; timeZoneOffsetInMinutes?: number; modalTransparent?: boolean; animationType?: "slide" | "fade" | "none"; disabled?: boolean; onDateChange?: (date: any) => void; formatChosenDate?: (date: any) => void; } }
export class Container extends React.Component<NativeBase.Container, any> { }
export class Header extends React.Component<NativeBase.Header, any> { }
export class Left extends React.Component<NativeBase.Left, any> { }
export class Right extends React.Component<NativeBase.Right, any> { }
export class Body extends React.Component<NativeBase.Body, any> { }
export class Content extends React.Component<NativeBase.Content, any> { }
export class FooterTab extends React.Component<NativeBase.FooterTab, any> { }
export class Footer extends React.Component<NativeBase.Footer, any> { }
export class Title extends React.Component<NativeBase.Title, any> { }
export class Subtitle extends React.Component<NativeBase.Subtitle, any> { }
export class Button extends React.Component<NativeBase.Button, any> { }
export class View extends React.Component<NativeBase.View, any> { }
export class Text extends React.Component<NativeBase.Text, any> { }
export class Switch extends React.Component<NativeBase.Switch, any> { }
export class Picker extends React.Component<NativeBase.Picker, any> { } namespace Picker { export class Item extends React.Component<ReactNative.PickerItemProperties, any> { } }
export class List extends React.Component<NativeBase.List, any> { }
export class ListItem extends React.Component<NativeBase.ListItem, any> { }
export class H1 extends React.Component<NativeBase.H1, any> { }
export class H2 extends React.Component<NativeBase.H2, any> { }
export class H3 extends React.Component<NativeBase.H3, any> { }
export class Row extends React.Component<NativeBase.Row, any> { }
export class Col extends React.Component<NativeBase.Col, any> { }
export class Grid extends React.Component<NativeBase.Grid, any> { }
export class InputGroup extends React.Component<NativeBase.InputGroup, any> { public static propTypes: any; }
export class Input extends React.Component<NativeBase.Input, any> { }
export class Textarea extends React.Component<NativeBase.Textarea, any> { }
export class Icon extends React.Component<NativeBase.Icon, any> { }
export class Thumbnail extends React.Component<NativeBase.Thumbnail, any> { }
export class Card extends React.Component<NativeBase.Card, any> { }
export class CardItem extends React.Component<NativeBase.CardItem, any> { }
export class CardSwiper extends React.Component<NativeBase.CardSwiper, any> { }
export class DeckSwiper extends React.Component<NativeBase.DeckSwiper, any> { }
export class Badge extends React.Component<NativeBase.Badge, any> { }
export class Spinner extends React.Component<NativeBase.Spinner, any> { }
export class CheckBox extends React.Component<NativeBase.CheckBox, any> { }
export class Radio extends React.Component<NativeBase.Radio, any> { }
export class ProgressBar extends React.Component<NativeBase.ProgressBar, any> { }
export class Drawer extends React.Component<NativeBase.Drawer, any> { }
export class ScrollableTab extends React.Component<NativeBase.ScrollableTab, any> { }
export class Tabs extends React.Component<NativeBase.Tabs, any> { }
export class Tab extends React.Component<NativeBase.Tab, any> { }
export class TabHeading extends React.Component<NativeBase.TabHeading, any> { }
export class Item extends React.Component<NativeBase.Item, any> { }
export class Form extends React.Component<NativeBase.Form, any> { }
export class Fab extends React.Component<NativeBase.Fab, any> { }
export class Separator extends React.Component<NativeBase.Separator, any> { }
export class Label extends React.Component<NativeBase.Label, any> { }
export class StyleProvider extends React.Component<NativeBase.StyleProvider, any> { }
export class ActionSheet { static show: ( configuration: { options: string[] | Array<{ text: string, icon?: string, iconColor?: string }>; cancelButtonIndex?: number; destructiveButtonIndex?: number; title?: string; }, onSelect: (index: number) => void ) => void; }
export class Image extends React.Component<NativeBase.Image, any> { }
export class Segment extends React.Component<NativeBase.Segment, any> { }
export class Root extends React.Component<NativeBase.Root, any> { }
export class SwipeRow extends React.Component<NativeBase.SwipeRow, any> { }
export class Toast { public static show(configuration: { text: string; buttonText?: string; position?: "top" | "bottom" | "center"; type?: "danger" | "success" | "warning"; duration?: number; onClose?: (reason: "user" | "timeout" | "functionCall") => any; textStyle?: ReactNative.TextStyle; buttonTextStyle?: ReactNative.TextStyle; buttonStyle?: ReactNative.ViewStyle; }): void; }
export class Accordion extends React.Component<NativeBase.Accordion, any>{ }
export class DatePicker extends React.Component<NativeBase.DatePicker, any> { } }
|