react js loading component

Loading.js

import React, { Component } from "react";
import { ActivityIndicator, View } from "react-native";
import {StyleSheet} from 'react-native' 

const styles = StyleSheet.create({
    loading: {
        flex: 1,
        flexDirection: "row",
        alignItems: 'center'
    },
})
export default class Loading extends Component {
  render() {
    return (
      <View style={styles.loading}>
        <ActivityIndicator
          size="large"
          color="#0000ff"
          style={{flex: 1, alignSelf: "center" }}
        />
        
      </View>
    );
  }
}