Kliko/lib/components/List.tsx
2024-08-08 14:48:12 +02:00

31 lines
No EOL
696 B
TypeScript

import React from 'react';
import { ViewStyle } from 'react-native';
import { ThemedView } from '@/lib/components/ThemedView';
interface ListProps {
data: any;
renderItem: Function;
viewStyle?: ViewStyle;
}
const CustomList: React.FC<ListProps> = ({ data, renderItem, viewStyle }) => {
const renderList = () => {
let list: any[] = [];
for (let i = 0; i < data.length; i++) {
const item = data[ i ];
list[ i ] = renderItem( item, i );
}
return list;
};
return (
<ThemedView style={viewStyle ? viewStyle : undefined}>
{renderList()}
</ThemedView>
);
};
export default CustomList;