reactjsreact-nativeexporeact-navigationexpo-router

Is there a way to not start at index.js using Expo Router?


My application is running on Expo using Expo Router. I have an app folder containing a (tabs) folder which has a few pages I am using for the tab bar, including a home.jsx page. The app folder also has an index.jsx file and a _layout.jsx. When the application opens, I want the user to be at app/(tabs)/home.jsx, but I've read that you automatically start at index.jsx first, so I put redirect there to app/(tabs)/home.jsx. While this works, it briefly shows an animation swapping from the index.jsx page to home. Is there a way to only load the app once it is on the home page? I don't like having this animation for the user.

Here's what I've tried:

import React from "react";
import { Redirect } from "expo-router";

const StartPage = () => {
  return <Redirect href="/home" />;
};

export default StartPage;

Thanks in advance.


Solution

  • The correct approach would be to just rename home.jsx to index.jsx