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 });
|
|
};
|
|
|
|
export default RefreshControl;
|