https://github.com/fasthedeveloper/reactnativegestureparallaxeffect
https://github.com/fasthedeveloper/reactnativegestureparallaxeffect
Last synced: 11 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/fasthedeveloper/reactnativegestureparallaxeffect
- Owner: FastheDeveloper
- Created: 2023-02-18T23:12:37.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-19T13:17:45.000Z (about 3 years ago)
- Last Synced: 2025-01-26T08:44:51.768Z (over 1 year ago)
- Language: JavaScript
- Size: 4.31 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactNativeGestureParallaxEffect
Parallax Effect App using React Native and Reanimated
This is a simple React Native application that uses Reanimated to create a parallax effect on a screen that moves as the phone rotates using Sensortype of rotation from reanimated using expo.
Installation and Setup
To get started with this project, you will need to have the following installed on your local machine:
Node.js
npm or yarn
Expo CLI
Once you have all the dependencies installed, you can clone the repository and install the required dependencies by running the following commands:
bash
git clone https://github.com/FastheDeveloper/ReactNativeGestureParallaxEffect.git
cd ReactNativeGestureParallaxEffect
npm install
or
yarn
To run the app, use the following command:
expo start
This will open up the Expo client on your phone or emulator, and you can then view the app.
Dependencies
react
react-native
react-native-reanimated
Usage
This app is a simple demonstration of how to create a parallax effect using Reanimated and Expo Sensors. The app consists of a single screen with a background image that moves as the phone is rotated.
The app uses the Accelerometer and Gyroscope sensors to track the phone's rotation and movement, and then applies that data to the image using Reanimated.
Contributing
If you'd like to contribute to this project, please fork the repository and make your changes in a separate branch. Once you've made your changes, create a pull request to merge your changes back into the main branch.
License
This project is licensed under the MIT License - see the LICENSE.md file for details.