UNPKG

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
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> {} }