Проблема при зміні орієнтації FlashList - React-native/EXPO
1000 UAHУ мене виникла проблема з компонентом FlashList у моєму додатку React Native/EXPO. Коли орієнтація екрану змінюється на альбомну, список несподівано «вискакує» за межі видимої частини екрану.
У мене є 3 колонки з фотографіями - в обох орієнтаціях. Кожна колонка займає весь вільний простір, тому
- у портретному режимі: більше контенту з меншим розміром елементів,
- у режимі альбому: менше вмісту, але більший розмір елементів. Наприклад, у мене є зображення від 30 до 1, після повороту в альбомний режим я очікую, що принаймні один рядок з книжкової орієнтації буде в альбомному режимі, але замість цього я маю рядок, який раніше був за межами видимої області (він зберігає ті самі місця між кількома поворотами, але для альбому це одне місце, для книжкової орієнтації інше місце). - Ви можете побачити це на скріншотах.
Я розумію, що проблема, швидше за все, пов'язана зі зміною розміру renderItem (flex: 1) і, можливо, estimatedItemSize.
Я спробував відстежувати індекс першого елемента в рядку, який перетинає середину екрану (з цією частиною проблем немає), а потім використовувати scrollToIndex після зміни орієнтації (це також працює несподівано - прокрутка до «випадкового» місця).
Я також спробував використати ref замість індексу для першого елемента в середньому рядку і використати scrollToItem - але це теж не спрацювало (прокрутка до «випадкового» місця).
Якщо у вас є ідеї як можна вирішити цю проблему, буду вдячний!
Додатки 2
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка корпоративної фінансової системи — React, TypeScript, Node.jsШукаємо досвідченого full-stack розробника або невелику команду для розробки корпоративної фінансової системи з нуля. Необхідно реалізувати повний цикл розробки: проектування архітектури, backend, frontend, базу даних, тестування та запуск системи. Технології: Frontend: React,… Javascript та Typescript, Веб-програмування ∙ 1 година 54 хвилини тому ∙ 35 ставок |
Розробник ігор
53 739 UAH
Шукаємо досвідченого розробника ігор для доопрацювання існуючого проекту на PixiJS. Необхідно покращити математичну систему гри, переробити та збалансувати бонусні раунди, а також внести зміни в поточну ігрову логіку. Обов'язковий досвід комерційної розробки ігор та впевнене… Javascript та Typescript, Розробка ігор ∙ 6 годин 35 хвилин тому ∙ 13 ставок |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 6 годин 35 хвилин тому ∙ 19 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 1 день 21 година тому ∙ 31 ставка |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
259 707 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 7 днів 3 години тому ∙ 119 ставок |
Київ