35 lines
814 B
TypeScript
35 lines
814 B
TypeScript
import React from 'react';
|
|||
import { ActivityIndicator, ActivityIndicatorProps, StyleSheet } from 'react-native';
|
|||
|
|||
import { themes } from '../constants/colors';
|
|||
|
|||
type TTheme = 'light' | 'dark' | 'black' | string;
|
|||
|
|||
interface IActivityIndicator extends ActivityIndicatorProps {
|
|||
theme?: TTheme;
|
|||
absolute?: boolean;
|
|||
props?: object;
|
|||
}
|
|||
|
|||
const styles = StyleSheet.create({
|
|||
indicator: {
|
|||
padding: 16,
|
|||
flex: 1
|
|||
},
|
|||
absolute: {
|
|||
position: 'absolute',
|
|||
left: 0,
|
|||
right: 0,
|
|||
top: 0,
|
|||
bottom: 0,
|
|||
alignItems: 'center',
|
|||
justifyContent: 'center'
|
|||
}
|
|||
});
|
|||
|
|||
const RCActivityIndicator = ({ theme = 'light', absolute, ...props }: IActivityIndicator) => (
|
|||
<ActivityIndicator style={[styles.indicator, absolute && styles.absolute]} color={themes[theme].auxiliaryText} {...props} />
|
|||
);
|
|||
|
|||
export default RCActivityIndicator;
|
