diff --git a/packages/extras/src/components/Loading.tsx b/packages/extras/src/components/Loading.tsx
new file mode 100644
index 00000000..09bd696a
--- /dev/null
+++ b/packages/extras/src/components/Loading.tsx
@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
+
+type Props = {
+  title?: string;
+  activityIndicatorProps?: React.ComponentProps<typeof ActivityIndicator>;
+};
+
+export const Loading = ({ title, activityIndicatorProps }: Props) => {
+  return (
+    <View style={styles.container}>
+      <ActivityIndicator size="large" {...activityIndicatorProps} />
+      <Text style={styles.text}>{title ?? 'Loading...'}</Text>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  text: {
+    marginTop: 10,
+    marginBottom: 40,
+  },
+});