Проблемы с тенью блока в плоском списке ⇐ CSS

[Anonymous]

Я новичок в React Native, и в моем выставочном проекте React Native есть ряд продуктов, для которых я использую Flatlist для их отображения на экране. Я столкнулся с проблемой, когда тень окна неправильная. если я использую сопоставление, все, что касается тени поля, идеально, но когда я использую плоский список, кажется, что тень видна за пределами радиуса карты.

Код: Выделить всё

const renderItem = ({ item }) => (


{item.title}
{item.description}


Price- 
{item.price}
 / Kg


Add
`your text`



);

 item.id.toString()}
ItemSeparatorComponent={}
/>;

const styles = {
card: {
borderRadius: 16,
flexDirection: "row",
backgroundColor: "#FFFFFF",
shadowColor: "#000000",
shadowOffset: {
width: 0,
height: 4,
},
shadowOpacity: 0.15,
shadowRadius: 4,
elevation: 5,
},
};

Обратите внимание, что в правом нижнем углу карточек есть дополнительная тень, а последняя карта оказывает минимальное влияние на нижнюю часть.


Подробнее здесь: https://stackoverflow.com/questions/790 ... n-flatlist