react-native-image-layout/src/ImageViewer/PageFooter.js

An easy and simple to use React Native component to render a custom masonry layout for remote/local images and displayed on a custom interactive image viewer. Includes animations and support for both iOS and Android. Free and made possible along with co

import React from "react";
import { View } from "react-native";
import PropTypes from "prop-types";

export default class PageFooter extends React.PureComponent {
    static propTypes = {
        renderPageFooter: PropTypes.func,
        image: PropTypes.object.isRequired,
        galleryIndex: PropTypes.number.isRequired,
        onClose: PropTypes.func.isRequired
    }

    render() {
        const { renderPageFooter, image, galleryIndex, onClose } = this.props;
        const footer = renderPageFooter &&
            renderPageFooter(image, galleryIndex, onClose);
        return (
            <View style={{ bottom: 0, width: "100%", position: "absolute", zIndex: 1000 }}>
                { footer }
            </View>
        );
    }
}