Napisanie komponentu opartego na FlatList - wyświetlanie folderów

Zlęcę napisanie komponentu w react-native opartego na standardowym kompomencie FlatList który będzie rozszerzał FlatList o możliwość wyświetlania

zhierarhizowanej struktury folderów (coś ala explorer w windows czy pliki i foldery w google drive)

 

1. Jeśli w standardowym FlatList mogę wyświetlać dowolne dane to chciałbym go rozszrzyć o property "folders" który przyjmował by listę folderów.

2. Jeśli w standardowym FlatList jest property "renderItem", należy dodać callbacka "renderFolder"

3. Elementy danych które będą miały "folderId" inne niż null muszą być przypisane do odpowiedniego folderu

4. Komponent musi sam obsłużyć tworzenie drzewa folderów i nawigowanie w folderach i wyświetlanie danych z wybranego folderu

5. Należy obsłużyć tworzenie nowych folderów, usuwanie, przenoszenie elementów. Coś na zasadzie jak w Google Drive.

6. Uzywamy typescript


Rozwiązanie powinno zostać oparte o następujące standardowe kompomenty:

- FlatList (chyba że jest coś gotowego do dostosowania ale przed przystąpieniem musimy tę kwestię omówić)

- Modal dialog do popupów

- stylowanie w zewnętrznym plikach,ponieważ muszę wpiąć to w istniejący projektu (nie użwyam styled-components albo gotowych bibliotek komponentów)