ReactNative Introduction

This repository is a simple introduction to ReactNative. It includes login, signup, and events screens for exploring the navigation system. Additionally, it provides an idea of how to build a basic UI for login and signup. The events screen demonstrates how to create a tab layout. Besides tapping the tab heads, it switches tabs through sliding gestures. All data are for demonstration purposes. Login and signup do not execute actual login or signup. They assume the input is correct if form validation passes, and simply navigate to the next screen.

Features

• Login Screen: A basic login screen with form validation.
• Signup Screen: A basic signup screen with form validation.
• Events Screen: A screen displaying events in a tab layout with sliding gestures.

File Structure

• src/navigation/AppNavigator.tsx: Contains the navigation setup for the app.
• App.tsx: The main entry point of the app.
• src/screens/auth/LoginScreen.tsx: The login screen component.
• src/screens/auth/SignupScreen.tsx: The signup screen component.
• src/screens/main/EventsScreen.tsx: The events screen component.

Getting Started

To get started with this project, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/react-native-introduction.git

2. Navigate to the project directory:

   cd react-native-introduction

3. Install the dependencies:

   npm install

4. Run the app:

   npm start

Screenshots

Login Screen

Signup Screen

Events Screen

License

This project is licensed under the MIT License. See the LICENSE file for details.