https://github.com/aszurar/ibuy
This repository contains a React Native project developed with Expo, aimed at studying and practicing the Expo Router. The project explores different types of navigation, including Tabs, Stack, and Drawer, and navigation techniques such as using useRouter, Link, and more.
https://github.com/aszurar/ibuy
expo expo-router expo-router-drawer expo-router-stack expo-router-tabs react react-native typescript
Last synced: about 2 months ago
JSON representation
This repository contains a React Native project developed with Expo, aimed at studying and practicing the Expo Router. The project explores different types of navigation, including Tabs, Stack, and Drawer, and navigation techniques such as using useRouter, Link, and more.
- Host: GitHub
- URL: https://github.com/aszurar/ibuy
- Owner: Aszurar
- Created: 2024-12-04T19:06:34.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-01-12T23:53:57.000Z (4 months ago)
- Last Synced: 2025-02-10T10:26:34.482Z (3 months ago)
- Topics: expo, expo-router, expo-router-drawer, expo-router-stack, expo-router-tabs, react, react-native, typescript
- Language: TypeScript
- Homepage:
- Size: 323 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native Expo Router Study Project
## Description
This repository contains a React Native project developed with Expo, aimed at studying and practicing the Expo Router. The project explores different types of navigation, including Tabs, Stack, and Drawer, and navigation techniques such as using `useRouter`, `Link`, and more.
## Objectives
- **Learn the Expo Router:** Understand how to configure and use the router within the context of a React Native application.
- **Explore Navigation Types:** Practice implementing navigation via tabs (Tabs), stacks (Stack), and drawers (Drawer).
- **Route Configurations:** Configure and understand routes in different contexts and layouts, such as Stack, Drawer, and BottomTabs.
- **Layouts and Links Practice:** Use `_layout` files to structure the design and navigation, as well as the `Link` component for declarative navigation.
## Project Structure
The project is organized as follows:
- **`_layout`**: Files that define the basic configuration of the layouts used across different pages and types of navigation.
- **`index`**: The main entry file for the app’s routes.
- **Specific Navigations**: Detailed implementations for Tabs, Stack, and Drawer navigations.
## Technologies Used
- **React Native**: A framework for building mobile applications.
- **Expo**: A platform that provides a set of tools and services built around React Native.
- **Expo Router**: A routing solution for React Native apps, offering support for Tabs, Stack, and Drawer navigation.
## How to Use
1. **Clone the Repository**
```bash
git clone [REPOSITORY_URL]
```
2. **Install Dependencies**
```bash
cd [REPOSITORY_FOLDER]s
npm install
```
3. **Run the Application**
```bash
npm start
```