React Native Accelerometer Parallax 🍻

$3

That now Library is supporting and work ⚙️

Library stand by expo-sensors and react-native-reanimated. TS only.

video example source link 🪐

!video example not loads 🤖

repository code example from video*

Install

1. Install last version react-native-reanimated (v2.0.0
or more)

2. Install last version expo-sensors

3. Install library

> yarn add react-native-accelerometer-parallax

Usage

$3

``tsx
import React from 'react'
import {ParallaxProvider} from 'react-native-accelerometer-parallax'

const App = () => {
return


}

export default App

`

$3

`tsx
import {useParallax} from 'react-native-accelerometer-parallax'


const Screen = () => {
const {animStyle} = useParallax()

return
Parallax text test

}

`

$3

`tsx
import React from 'react'
import {useParallax} from 'react-native-accelerometer-parallax'
import Animated from 'react-native-reanimated'
import {View, Text} from 'react-native'
import {ParallaxProvider} from 'react-native-accelerometer-parallax'

const Screen = () => {
const {animStyle} = useParallax()
return

Parallax text test


}

const App = () => {
return


}

export default App

``

$3

Documentation.

$3

ParallaxConfig

- sensitivity: number - (default 1, sensitivity accelerometer rotate and multiple to animate shared value )

ParallaxObject

- animStyle: {transform:[{translateX: number},{translateY: number}]} (for pass to Animated.View style prop)

- posX: Animated.SharedValue (for use it or interpolate, for example style={{opacity: posY.value}})

- posY: Animated.SharedValue (equal posX)

#Contact

✨Lib going to grow up, and you can send your questions and offers to my telegram Stepan_Turchenko 🛬