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
65 lines (64 loc) • 1.68 kB
TypeScript
import React from 'react';
import { StyleProp, ViewStyle } from 'react-native';
import { SegmentedControlItemProps as SegmentProps } from './segment';
export declare type SegmentedControlItemProps = SegmentProps;
export declare type SegmentedControlProps = {
/**
* Array on segments.
*/
segments?: SegmentedControlItemProps[];
/**
* The color of the active segment label.
*/
activeColor?: string;
/**
* The color of the inactive segments (label).
*/
inactiveColor?: string;
/**
* Callback for when index has change.
*/
onChangeIndex?: (index: number) => void;
/**
* Initial index to be active.
*/
initialIndex?: number;
/**
* The segmentedControl borderRadius
*/
borderRadius?: number;
/**
* The background color of the inactive segments
*/
backgroundColor?: string;
/**
* The background color of the active segment
*/
activeBackgroundColor?: string;
/**
* The color of the active segment outline
*/
outlineColor?: string;
/**
* The width of the active segment outline
*/
outlineWidth?: number;
/**
* Should the icon be on right of the label
*/
iconOnRight?: boolean;
/**
* Trailing throttle time of changing index in ms.
*/
throttleTime?: number;
/**
* Additional spacing styles for the container
*/
containerStyle?: StyleProp<ViewStyle>;
style?: StyleProp<ViewStyle>;
testID?: string;
};
declare const _default: React.ComponentClass<SegmentedControlProps & {
useCustomTheme?: boolean | undefined;
}, any>;
export default _default;