npx create-expo-app -t expo-template-blank-typescript (xpcats)
npx expo start (xps)
npm i @ui-kitten/components @eva-design/eva
npx expo install react-native-svg ( to install svg package)
ctl c(shut down the current bundler process )
npm start -- --reset-cache
configure ApplicationProvider {...eva} theme={eva.light} in App.tsx (read doc)
npm i @ui-kitten/eva-icons(for eva icons)
import { EvaIconsPack } from "@ui-kitten/eva-icons";(in app.ts or .js)
<IconRegistry icons={EvaIconsPack} />(in app.ts or .js render)
npm install @react-navigation/native
npx expo install react-native-screens react-native-safe-area-context(Expo dependencies)
npm install @react-navigation/native-stack(stack navigator)
npm install @react-navigation/bottom-tabs(bottom-tabs navigator)
npm install @react-navigation/drawer(drawer navigator)
npx expo install react-native-gesture-handler react-native-reanimated(for expo)
npm install @react-navigation/material-top-tabs react-native-tab-view(material-top-tabs navigator)
npx expo install react-native-pager-view(for expo)
npx expo install react-native-safe-area-context
npx expo install react-native-reanimated
npx expo install react-native-screens
npx expo install react-native-gesture-handler
npx expo install react-native-pager-view
npx expo install install react-native-svg
npx expo install expo-constants
npx expo install expo-contacts
npx expo install expo-linking
npx expo install expo-secure-store
npx expo install expo-splash-screen
npx expo install expo-notifications
npx expo install react-native-reanimated (follow Install react-native-reanimated package from npm )
npx expo install react-native-reanimated
Add react-native-reanimated/plugin plugin to your babel.config.js
module.exports = { presets: [ ... // don't add it here :) ], plugins: [ ... 'react-native-reanimated/plugin', ], };
react-native-reanimated/plugin has to be listed last.
npx expo start -c (restart expo with cache clean)
[InvalidTokenError: Invalid token specified: invalid base64 for part #2 (Property 'atob' doesn't exist)]
npm install core-js
import "core-js/stable/atob";
incluses only neccessary assets
optimize assets
npm i -g sharp-cli
npx expo-optimize
npx eas-cli@latest (alternative)
npm install -g eas-cli
npx eas-cli@latest (alternative)
eas login (for login if not)
eas whoami( check if already logged)
eas build:configure (Configure the project eas.json file)
Run a build
eas build -p android --profile preview for Build APKs for Android Emulators and devices
eas build -p ios --profile preview for Build for iOS Simulators
eas build --platform android Build for app stores
eas build --platform ios Build for app stores
eas build --platform all Build for app stores for both)
Deploy the build for apple store (ios)
Ddownload the application ipa file from your expo.dev/accounts ..
Connect to appstoreconnect.apple.com and follow instructions
ex
npm install expo@latest
npm install expo@49( specific SDK versionn
npx expo install --fix ( Upgrade dependencies)