Problem przy zmianie orientacji FlashList - React-native/EXPO
Mam problem z komponentem FlashList w mojej aplikacji React Native/EXPO. Kiedy orientacja ekranu zmienia się na poziomą, lista niespodziewanie "wyskakuje" poza widoczną część ekranu.
Mam 3 kolumny ze zdjęciami - w obu orientacjach. Każda kolumna zajmuje całą dostępną przestrzeń, więc
- w trybie portretowym: więcej treści z mniejszym rozmiarem elementów,
- w trybie poziomym: mniej treści, ale większy rozmiar elementów. Na przykład, mam obrazy od 30 do 1, po obróceniu w tryb poziomy oczekuję, że przynajmniej jeden wiersz z orientacji książkowej będzie w trybie poziomym, ale zamiast tego mam wiersz, który wcześniej był poza widoczną strefą (zachowuje te same miejsca między kilkoma obrotami, ale dla poziomego to jedno miejsce, dla książkowej orientacji inne miejsce). - Możesz to zobaczyć na zrzutach ekranu.
Rozumiem, że problem prawdopodobnie związany jest ze zmianą rozmiaru renderItem (flex: 1) i być może estimatedItemSize.
Próbowałem śledzić indeks pierwszego elementu w wierszu, który przecina środek ekranu (z tą częścią nie ma problemów), a następnie użyć scrollToIndex po zmianie orientacji (to również działa niespodziewanie - przewijanie do "losowego" miejsca).
Próbowałem również użyć ref zamiast indeksu dla pierwszego elementu w środkowym wierszu i użyć scrollToItem - ale to też nie zadziałało (przewijanie do "losowego" miejsca).
Jeśli masz pomysły, jak można rozwiązać ten problem, będę wdzięczny!
Załączniki 2
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 265 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 16 godzin temu ∙ 112 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 22 godziny temu ∙ 21 ofert |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 6 dni 21 godzin temu ∙ 19 ofert |
Aktualizacja projektu na stronieTrzeba zaktualizować design istniejącej strony internetowej używając HTML, CSS, JS: odświeżyć wygląd, uczynić go nowoczesnym i responsywnym na urządzenia mobilne. Wymagana jest dodanie płynnych animacji i interaktywnych elementów. Układ HTML i CSS, Javascript & Typescript ∙ 7 dni 15 godzin temu ∙ 96 ofert |
Konsultacja i audyt bieżącego projektu na Odoo 19 Community EditionSzukamy programisty Odoo — samodzielnego dewelopera z doświadczeniem w pracy z Odoo 19 Community Edition, w tym z wykorzystaniem Claude Code. Potrzebujemy specjalisty, który ma zrealizowane projekty w Odoo oraz praktyczne doświadczenie w programowaniu z użyciem Claude Code.… C i C++, Javascript & Typescript ∙ 7 dni 20 godzin temu ∙ 8 ofert |