chore: Using expo-router.

README.md

@@ -13,6 +13,7 @@ If you would like to contribute to this repo create an issue or pull request.
 ### Frameworks and Libraries
 
 * [Expo](https://expo.dev/)
+* [Expo Router](https://docs.expo.dev/router/introduction/)
 * [React Native Elements](https://reactnativeelements.com/docs)
 * [i18next](https://www.i18next.com/)
 * [Redux Toolkit](https://redux-toolkit.js.org/)

app.json

@@ -2,6 +2,7 @@
   "expo": {
     "name": "Panting React Native Template",
     "slug": "panting-react-native-template",
+    "scheme": "panting-scheme",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
@@ -16,6 +17,9 @@
     ],
     "ios": {
       "supportsTablet": true
-    }
+    },
+    "plugins": [
+      "expo-router"
+    ]
   }
 }

App.test.tsx → app/__tests__/_layout.test.tsx

@@ -1,7 +1,7 @@
 import { render } from "@testing-library/react-native";
 import React from "react";
 
-import App from "./App";
+import App from "../_layout";
 
 describe("<App />", () => {
   it("Has expected number of children.", () => {

App.tsx → app/_layout.tsx

@@ -2,13 +2,13 @@ import { ThemeProvider, Text, createTheme } from "@rneui/themed";
 import { StatusBar } from "expo-status-bar";
 import React from "react";
 import "intl-pluralrules";
-import "./i18n/i18n";
+import "../i18n/i18n";
 import { useTranslation } from "react-i18next";
 import { StyleSheet, View } from "react-native";
 import { Provider } from "react-redux";
 
-import TimeInApp from "./components/TimeInApp";
-import { store } from "./store";
+import TimeInApp from "../components/TimeInApp";
+import { store } from "../store";
 
 const theme = createTheme({});
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "panting-react-native-template",
   "version": "1.0.0",
-  "main": "node_modules/expo/AppEntry.js",
+  "main": "expo-router/entry",
   "scripts": {
     "start": "expo start",
     "ts-check": "tsc",
@@ -15,14 +15,18 @@
     "@rneui/base": "4.0.0-rc.7",
     "@rneui/themed": "4.0.0-rc.8",
     "expo": "~51",
+    "expo-constants": "~16.0.2",
+    "expo-linking": "~6.3.1",
     "expo-localization": "^15.0.3",
+    "expo-router": "~3.5.15",
     "expo-status-bar": "~1.12.1",
     "i18next": "^23.11.4",
     "intl-pluralrules": "^2.0.1",
     "react": "~18.2.0",
     "react-i18next": "^14.1.1",
     "react-native": "^0.74",
-    "react-native-safe-area-context": "^4.10.1",
+    "react-native-safe-area-context": "4.10.1",
+    "react-native-screens": "3.31.1",
     "react-native-vector-icons": "^10.1.0",
     "react-redux": "^9.1.2",
     "typescript": "^5.3.0"