41 lines
1.0 KiB
TypeScript
41 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
import { RefreshControl as RNRefreshControl, RefreshControlProps, StyleSheet } from 'react-native';
|
|
|
|
import { useTheme } from '../../../theme';
|
|
import { isAndroid } from '../../../lib/methods/helpers';
|
|
|
|
const style = StyleSheet.create({
|
|
container: {
|
|
flex: 1
|
|
},
|
|
inverted: {
|
|
scaleY: -1
|
|
}
|
|
});
|
|
|
|
interface IRefreshControl extends RefreshControlProps {
|
|
children: React.ReactElement;
|
|
}
|
|
|
|
const RefreshControl = ({ children, onRefresh, refreshing }: IRefreshControl): React.ReactElement => {
|
|
const { colors } = useTheme();
|
|
if (isAndroid) {
|
|
return (
|
|
<RNRefreshControl
|
|
onRefresh={onRefresh}
|
|
refreshing={refreshing}
|
|
tintColor={colors.auxiliaryText}
|
|
style={[style.container, style.inverted]}
|
|
>
|
|
{children}
|
|
</RNRefreshControl>
|
|
);
|
|
}
|
|
|
|
const refreshControl = <RNRefreshControl onRefresh={onRefresh} refreshing={refreshing} tintColor={colors.auxiliaryText} />;
|
|
|
|
return React.cloneElement(children, { refreshControl, inverted: true });
|
|
};
|
|
|
|
export default RefreshControl;
|