react-native-ui-lib
Version:
<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a
76 lines (67 loc) • 2.13 kB
TypeScript
import {Component, PureComponent} from 'react';
import {
GestureResponderEvent,
ImageRequireSource,
StyleProp,
TextStyle,
ViewStyle
} from 'react-native';
import {State as RNGestureHandlerState} from 'react-native-gesture-handler';
import {ColorValue} from '../style/colors';
import {BadgeProps} from '../components/Badge';
export namespace Incubator {
export interface TabControllerProps {
selectedIndex?: number;
onChangeIndex?: (index: number) => void;
asCarousel?: boolean;
}
export class TabController extends Component<TabControllerProps> {}
export interface TabBarProps {
items?: TabBarItemProps[];
height?: number;
enableShadow?: boolean;
indicatorStyle?: StyleProp<ViewStyle>;
labelStyle?: StyleProp<TextStyle>;
labelColor?: ColorValue;
selectedLabelColor?: ColorValue;
uppercase?: boolean;
iconColor?: ColorValue;
selectedIconColor?: ColorValue;
activeBackgroundColor?: ColorValue;
containerWidth?: number;
}
export interface TabBarItemProps {
label?: string;
labelStyle?: StyleProp<TextStyle>;
labelColor?: ColorValue;
selectedLabelColor?: ColorValue;
icon?: ImageRequireSource;
iconColor?: ColorValue;
selectedIconColor?: ColorValue;
badge?: BadgeProps;
width?: number;
ignore?: boolean;
onPress?: (event: GestureResponderEvent) => void;
uppercase?: boolean;
activeOpacity?: number;
activeBackgroundColor?: ColorValue;
}
export interface TabPageProps {
index: number;
lazy?: boolean;
}
export namespace TabController {
export class TabBar extends PureComponent<TabBarProps> {}
export class TabBarItem extends PureComponent<TabBarItemProps> {}
export class TabPage extends PureComponent<TabPageProps> {}
}
export interface TouchableOpacityProps {
feedbackColor?: ColorValue;
backgroundColor?: ColorValue;
activeOpacity?: number;
activeScale?: number;
onPress?: (props: TouchableOpacityProps) => void;
pressState?: RNGestureHandlerState;
}
export class TouchableOpacity extends Component<TouchableOpacityProps> {}
}