mirror of
https://github.com/status-im/react-native-image-viewing.git
synced 2026-08-31 11:51:06 +00:00
37 lines
759 B
TypeScript
37 lines
759 B
TypeScript
/**
|
|
* Copyright (c) JOB TODAY S.A. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
*/
|
|
|
|
import React from "react";
|
|
import { View, Text, StyleSheet } from "react-native";
|
|
|
|
type Props = {
|
|
imageIndex: number;
|
|
imagesCount: number;
|
|
};
|
|
|
|
const ImageFooter = ({ imageIndex, imagesCount }: Props) => (
|
|
<View style={styles.root}>
|
|
<Text style={styles.text}>{`${imageIndex + 1} / ${imagesCount}`}</Text>
|
|
</View>
|
|
);
|
|
|
|
const styles = StyleSheet.create({
|
|
root: {
|
|
height: 64,
|
|
backgroundColor: "#00000077",
|
|
alignItems: "center",
|
|
justifyContent: "center"
|
|
},
|
|
text: {
|
|
fontSize: 17,
|
|
color: "#FFF"
|
|
}
|
|
});
|
|
|
|
export default ImageFooter;
|