Place Header/Footer on the Image, not above and beneath.

brh55 / react-native-masonry

:raised_hands: A pure JS react-native component to render a masonry~ish layout for images with support for dynamic columns, progressive image loading, device rotation, on-press handlers, and headers/captions.

MIT License

1.32k stars 157 forks source link

Place Header/Footer on the Image, not above and beneath. #80

Closed kevinscience closed 6 years ago

kevinscience commented 6 years ago

Love react-native-masonry? Please consider supporting our collective: 👉 https://opencollective.com/react-native-masonry/donate

Is there a way to place the Header/Footer on the image? It would be more stylish. Thank you! snapchatdiscover

kevinscience commented 6 years ago

Actually, I got it. By setting position of header/footer to 'absolute'.

brh55 commented 6 years ago

@kevinscience Yes that would be purely style driven, using position absolute would be the best way to go about this.

abhinav011085 commented 6 years ago

@kevinscience how did you set the position of the footer to 'absolute'??

brh55 commented 6 years ago

@abhinav011085 It's used the same way in traditional CSS, I would suggest reading many articles on how to use position: absolute, but you would set relative to parent, then absolute on element (footer or header), then adjust top or bottom properties.