Size: a a a

React Native — русскоговорящее сообщество

2020 April 28

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
У тебя FlatList из rn ? или rngh?
источник

ЕП

Евгений Прокопьев... in React Native — русскоговорящее сообщество
import Animated from 'react-native-reanimated';
const AnimatedFlatList = Animated.createAnimatedComponent( FlatList );

но не думаю что это влияет
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Ну мне вообще анимировать флэтлист не требуется. Мне только карточки в листе.
источник

ЕП

Евгений Прокопьев... in React Native — русскоговорящее сообщество
да, и я про это. на андроиде zindex работает не совсем так, как ожидаешь. можешь попробовать еще overflow элементу задать
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Тоже пробовал.
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
const renderCell = ({ children, index }) => {
   return <View style={{ zIndex: index === 0 ? 900 : index }}>{children}</View>;
 };
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Вот так захардкодил для теста. 0 реакции.
источник

ЕП

Евгений Прокопьев... in React Native — русскоговорящее сообщество
Евгений Прокопьев
да, и я про это. на андроиде zindex работает не совсем так, как ожидаешь. можешь попробовать еще overflow элементу задать
не то написал. не overflow, а elevation
источник

ЕП

Евгений Прокопьев... in React Native — русскоговорящее сообщество
попробуй elevation тоже побольше поставить
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Евгений Прокопьев
попробуй elevation тоже побольше поставить
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Какой-то прогресс. Спасибо. Сейчас попробую добить.
источник

ЕП

Евгений Прокопьев... in React Native — русскоговорящее сообщество
ты юзаешь numColumns?
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Верно.
источник

ЕП

Евгений Прокопьев... in React Native — русскоговорящее сообщество
по сути он не делает колонки. под капотом получается что у тебя все равно 1 колонка, внутри ее вью, которая делится на количество numColumns и туда пихает renderItem. может помочь задавать zindex внутри элемента еще
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Пробовал)
источник

ЕП

Евгений Прокопьев... in React Native — русскоговорящее сообщество
не помогло?
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Нет. Ну сейчас плавающая карточка перебивает другие колонки, как и надо. Осталось победить рядом стоящую и готово. Возможно повысив elevation у карточки поможет.
источник

ЕП

Евгений Прокопьев... in React Native — русскоговорящее сообщество
Данила Андреев
Нет. Ну сейчас плавающая карточка перебивает другие колонки, как и надо. Осталось победить рядом стоящую и готово. Возможно повысив elevation у карточки поможет.
ну да, на андроиде elevation приоритетнее чем zIndex
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Готово.
В общем в CellRendererComponent повысить elevation, а в renderItem zIndex/elevation на выбор повысить. Тогда плавающая карточка ведет себя как и требовалось.
@ProkopievEvgeni спасибо.
источник

ДА

Данила Андреев... in React Native — русскоговорящее сообщество
Не знал, что elevation в подобном кейсе потребуется.
источник