Skip to content

README.md

Latest commit

 

History

History
133 lines (92 loc) · 2.64 KB

README.md

File metadata and controls

133 lines (92 loc) · 2.64 KB

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

    git clone <repository-url>
cd VodQAReactNative

  2. Install dependencies

    npm install

  3. iOS Setup

    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

npm run ios

Or specify a device:

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

Android

npm run android

Or specify a device:

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

Metro Bundler

Start the Metro bundler separately:

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.