An open API service indexing awesome lists of open source software.

https://github.com/masterbhuvnesh/expo-template


https://github.com/masterbhuvnesh/expo-template

Last synced: 9 months ago
JSON representation

Awesome Lists containing this project

README

          

# NavGuide

NavGuide is a React Native application demonstrating various navigation patterns and UI components using Expo and React Navigation.

## Project Structure

The `app` folder contains the main application code, organized as follows:

```bash
app :
| +html.tsx
| +not-found.tsx
| about.tsx
| index.tsx
| modal.tsx
| _layout.tsx
|
+---(auth)
| sign-in.tsx
| sign-up.tsx
| _layout.tsx
|
+---(drawer)
| | favourites.tsx
| | settings.tsx
| | _layout.tsx
| |
| \---(tabs)
| | two.tsx
| | _layout.tsx
| |
| \---feed
| index.tsx
| new.tsx
| add.tsx
| _layout.tsx
|
+---(update)
| name.tsx
| pic.tsx
| _layout.tsx
|
\---blog
index.tsx
[id].tsx
```

## Bottom Sheet

to install the bottom sheet component, run:

```bash
npm i @gorhom/bottom-sheet@^4
npx expo install react-native-reanimated react-native-gesture-handler
```

and in the babel.config.js file, add the following:

```bash
plugins: [
'react-native-reanimated/plugin',
],
```

in the main \_layout.tsx file with :

```bash



...

```

### logout function in settings page

## Command used to install the dependencies of clerk are

```bash
npm i @clerk/clerk-expo @expo/metro-runtime
```

## To enablw user to input there first and last name got to dashboard of clerk and go to Configure and then go Email,Phone,Username then enable Username and Personal Information

## Update username and profile image in settings page

## Add a new page in feed tab which is a modal with transparent background and shows graph of the data using gifted graph also have modifiy the tab bar . -- Oct 27 2024 11:44 AM