# VodQAReactNative

**Repository Path**: mirrors_appium/VodQAReactNative

## Basic Information

- **Project Name**: VodQAReactNative
- **Description**: Sample react native app demoing components and gestures
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-24
- **Last Updated**: 2026-03-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# VodQAReactNative

A React Native mobile application demonstrating various UI interactions and gestures.

## Features

- **Carousel**: Horizontal scrolling carousel with paging
- **Login Screen**: User authentication interface
- **Samples List**: Navigable list of UI samples
- **Drag and Drop**: Interactive drag and drop functionality
- **Double Tap**: Double tap gesture detection
- **Long Press**: Long press gesture handling
- **Vertical Swipe**: Vertical swipe interactions
- **Slider**: Value adjustment with slider control
- **Wheel Picker**: iOS-style picker wheel selection
- **Photo Viewer**: Zoomable image viewing
- **WebView**: In-app web content display
- **Native Views**: Platform-specific native components

## Prerequisites

### iOS Development

- macOS with Xcode 14 or later
- CocoaPods installed (`gem install cocoapods`)
- iOS Simulator or physical iOS device
- Ruby 2.7 or later

### Android Development

- Android Studio with Android SDK
- Android SDK Platform 33 or later
- Java JDK 17 or later
- Android emulator or physical Android device

### General

- Node.js 18 or later
- npm or yarn package manager

## Installation

1. **Clone the repository**

   ```bash
   git clone <repository-url>
   cd VodQAReactNative
   ```

2. **Install dependencies**

   ```bash
   npm install
   ```

3. **iOS Setup**

   ```bash
   cd ios
   pod install
   cd ..
   ```

4. **Android Setup**
   - Open Android Studio
   - Configure Android SDK if not already set up
   - Ensure ANDROID_HOME environment variable is set

## Running the App

### iOS

```bash
npm run ios
```

Or specify a device:

```bash
npm run ios -- --simulator="iPhone 15"
```

### Android

```bash
npm run android
```

Or specify a device:

```bash
npm run android -- --deviceId=<device-id>
```

### Metro Bundler

Start the Metro bundler separately:

```bash
npm start
```

## Available Scripts

- `npm run ios` - Run on iOS simulator/device
- `npm run android` - Run on Android emulator/device
- `npm start` - Start Metro bundler
- `npm test` - Run tests
- `npm run lint` - Lint code

## Troubleshooting

### iOS Build Issues

- Clean build folder: `cd ios && xcodebuild clean && cd ..`
- Reinstall pods: `cd ios && pod deintegrate && pod install && cd ..`
- Reset Metro cache: `npm start -- --reset-cache`

### Android Build Issues

- Clean Gradle cache: `cd android && ./gradlew clean && cd ..`
- Reset Metro cache: `npm start -- --reset-cache`
- Check ANDROID_HOME is set: `echo $ANDROID_HOME`

### Metro Bundler Issues

- Clear watchman: `watchman watch-del-all`
- Reset Metro cache: `npm start -- --reset-cache`
- Clear node modules: `rm -rf node_modules && npm install`

## License

See LICENSE file for details.