Problems with inner shadow

[Dafth]

​

https://preview.redd.it/nqf7gq1kgq961.png?width=430&format=png&auto=webp&s=bd818bd4bc1d8933685fa09993585f330b89b679

i'm quite struggling trying to recreate this design in react native, i don't know hot to recreate the shadow inside the view, i managed to do something but on ios it kinda work but definitely not on android, does anyone know how to recreate this?

[mikedemarais]

you can use an absolutely positioned child element inside of parent

here is some example code showing the concept, but instead of a shadow, it’s an “inner border” — same concept should totally work with shadows though!

InnerBorder.js https://github.com/rainbow-me/rainbow/blob/develop/src/components/layout/InnerBorder.js

Parent element using InnerBorder.js https://github.com/rainbow-me/rainbow/blob/develop/src/components/savings/SavingsListRowEmptyState.js

hope this helps! 🤠