View Code? Open in Web Editor
NEW
React-Native template with nativeWind and Navigation
TypeScript 93.44%
JavaScript 6.56%
react-native-navigation-nativewind-template's Introduction
REACT-NATIVE-EXPO TEMPLATE
-
- React Native 0.72+
- React 18.2.0
- expo 49+ expo-dev-client
- expo font, auth, splash-screen, linear-gradient
- Framer-Motion native version
- Tailwind/Nativewind
- recoil 0.7.7+
- Firebase Auth, Storage, Firestore
- Typescript 5.1+
npx expo install
or yarn install
- create a new eas https://expo.dev/ project and init with your id
npx eas init --id 6608ed12-YOUR-test-id-739eaa
npx expo prebuild --clean
npx expo run:android
or :ios
eas build --profile development --platform android
- go on https://expo.dev/ and download the internal distribution android app
- or
eas build --profile preview --platform android
and get the downloadable apk file.
yarn start
package.json
value :name
- to use a font of your choice in folder
./assets/fonts/
family like App.tsx
in lines 16-24
- make sure
projectId
file app.json
in line 35 is the one you initialized in previous step...
- create a .env file and add
WEB_CLIENT_ID
for auth with GoogleSignin
- create a firebase project & create google services
- creace a file
typings.d.ts
in the route and use it for global types
react-native-navigation-nativewind-template's People
Contributors
Stargazers
Watchers
react-native-navigation-nativewind-template's Issues
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
Rate-Limited
These updates are currently rate-limited. Click on a checkbox below to force their creation now.
Open
These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
- Update dependency @types/react to v18.2.77
- Update dependency @types/react-native-vector-icons to v6.4.18
- Update expo monorepo (
expo
, expo-auth-session
, expo-build-properties
, expo-dev-client
, expo-font
, expo-linear-gradient
, expo-modules-autolinking
, expo-splash-screen
, expo-status-bar
)
- Update babel monorepo (
@babel/core
, @babel/plugin-transform-export-namespace-from
, @babel/preset-env
)
- Update dependency @react-native-async-storage/async-storage to v1.23.1
- Update dependency prettier-plugin-tailwindcss to ^0.5.0
- Update dependency react-native-reanimated to ~3.8.0
- Update dependency react-native-safe-area-context to v4.9.0
- Update dependency react-native-screens to ~3.30.0
- Update dependency react-native-svg to v13.14.0
- Click on this checkbox to rebase all open PRs at once
Detected dependencies
npm
package.json
@babel/plugin-proposal-private-methods ^7.18.6
@babel/preset-env ^7.22.15
@expo/webpack-config ^19.0.0
@legendapp/motion ^2.2.1
@react-native-async-storage/async-storage 1.18.2
@react-native-firebase/app ^18.3.0
@react-native-firebase/auth ^18.3.0
@react-native-firebase/firestore ^18.3.0
@react-native-firebase/storage ^18.3.0
@react-native-google-signin/google-signin ^10.0.1
@react-navigation/drawer ^6.6.3
@react-navigation/native ^6.1.7
@react-navigation/native-stack ^6.9.13
@react-navigation/stack ^6.3.17
expo ^49.0.13
expo-auth-session ~5.0.2
expo-build-properties ~0.8.3
expo-dev-client ~2.4.11
expo-font ~11.4.0
expo-linear-gradient ~12.3.0
expo-modules-autolinking ~1.5.0
expo-splash-screen ~0.20.5
expo-status-bar ~1.6.0
nativewind ^2.0.11
prettier ^2.8.3
react 18.2.0
react-dom 18.2.0
react-native 0.72.5
react-native-gesture-handler ~2.12.0
react-native-progress ^5.0.0
react-native-reanimated ~3.3.0
react-native-safe-area-context 4.6.3
react-native-screens ~3.22.0
react-native-svg 13.9.0
react-native-vector-icons ^9.2.0
react-native-web ~0.19.6
recoil ^0.7.7
@babel/core ^7.12.9
@babel/plugin-transform-export-namespace-from ^7.22.11
@types/react ~18.2.0
@types/react-native ~0.72.0
@types/react-native-vector-icons ^6.4.13
postcss ^8.4.31
prettier-plugin-tailwindcss ^0.2.2
sharp-cli ^4.1.1
tailwindcss ^3.3.3
typescript ^5.1.3