update

src/navigation/BottomTab.js

@@ -53,7 +53,7 @@ export const BottomTabScreen = () => {
   return (
     <BottomTab.Navigator tabBar={(props) => <TabBar {...props} />}>
       <BottomTab.Screen
-        name={Routes.Create}
+        name={Routes.HomeStack}
         component={HomeStack}
         options={{
           tabBarLabel: "Créer",

src/navigation/HomeStack.js

@@ -5,6 +5,7 @@ import { Palette } from "../styles";
 import { Routes } from "./Routes";
 
 import Home from "../screens/Home";
+import CreateSongs from "../screens/CreateSongs";
 
 const screenOptions = {
   headerShown: false,
@@ -36,6 +37,11 @@ export default function HomeStackScreen() {
         component={Home}
         options={{ headerShown: false }}
       />
+      <HomeStack.Screen
+        name={Routes.Create}
+        component={CreateSongs}
+        options={{ headerShown: false }}
+      />
     </HomeStack.Navigator>
   );
 }

src/navigation/MainStack.js

@@ -57,6 +57,9 @@ import ChangeEmailAddress from "../screens/Profile/ChangeEmailAddress";
 import ChangePassword from "../screens/Profile/ChangePassword";
 import Language from "../screens/Profile/Language";
 import Reels from "../screens/Profile/Reels";
+import Register from "../screens/Register";
+import CreatePassword from "../screens/CreatePassword";
+import CreateName from "../screens/CreateName";
 
 const screenOptions = {
   headerShown: false,
@@ -267,6 +270,18 @@ const screens = [
     name: Routes.Reels,
     component: Reels,
   },
+  {
+    name: Routes.Register,
+    component: Register,
+  },
+  {
+    name: Routes.CreatePassword,
+    component: CreatePassword,
+  },
+  {
+    name: Routes.CreateName,
+    component: CreateName,
+  },
 ];
 
 export default function Main() {

src/navigation/Routes.js

@@ -3,6 +3,9 @@ export const Routes = {
   Onboarding: "Onboarding",
   Login: "Login",
   ForgotPassword: "ForgotPassword",
+  Register: "Register",
+  CreatePassword: "CreatePassword",
+  CreateName: "CreateName",
 
   BottomTab: "BottomTab",
   Welcome: "Welcome",