react-native-media-viewing/dist/components/MediaItem/MediaLoading.js

React Native modal component for viewing images and video as a sliding gallery

/**
 * 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 { ActivityIndicator, Dimensions, StyleSheet, View } from "react-native";
const SCREEN = Dimensions.get("screen");
const SCREEN_WIDTH = SCREEN.width;
const SCREEN_HEIGHT = SCREEN.height;
export const MediaLoading = () => (<View style={styles.loading}>
    <ActivityIndicator size="small" color="#FFF"/>
  </View>);
const styles = StyleSheet.create({
    listItem: {
        width: SCREEN_WIDTH,
        height: SCREEN_HEIGHT,
    },
    loading: {
        width: SCREEN_WIDTH,
        height: SCREEN_HEIGHT,
        alignItems: "center",
        justifyContent: "center",
    },
    imageScrollContainer: {
        height: SCREEN_HEIGHT,
    },
});