Search code examples
imagereact-nativelayoutflexboxbackground-image

Hiding outsides' pictures parts which are outside the Parent layout?

Very basically, I got this picture :

enter image description here

As you can see I have a parent layout, the => Gradient background... I put some text above it, and then, between these two, I'm trying to put a background picture, the bubble chat.

It works pretty well, I just have a small problem, how to hide, not show, the part of the bubble which are not on the layout ?

Wanted result (Well I tried to custom it, but you understand what I want to do...) :

enter image description here

Solution

  • Add style overflow:hidden to parent element.

    This is pure CSS related question and doesn't have much todo with React.

    Hopefully this helps, Cheers and happy coding!