Nós vamos começar criando dentro de screens uma pasta chamada Loader, e nela vamos criar o index e o styled

Nós vamos começar criando o container dentro do styled

import styled from "styled-components/native";

export const Container = styled.View`
  flex: 1;
  background-color: ${({ theme }) => theme.colors.backgroundLight};
  justify-content: center;
  align-items: center;
`;

Com o container criado, nós vamos criar o loader de fato

import React from "react";
import { ActivityIndicator } from "react-native";
import { Container } from "./styled";

const Loader = () => {
  return (
    <Container>
      <ActivityIndicator size="large" />
    </Container>
  );
};

export default Loader;

Com isso vamos poder usar para deixar carregando em páginas onde temos chamadas a API