You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
So yeah drag not working when parent view has a background color set, when the background color is removed, the drag starts to work. And just to specify by 'drag not working' i mean the Interactable.View component doesnt respond to drag at all, just stays stationary. Tested on android emulator.
Code to reproduce:
`import React from 'react';
import { Animated, Text, View } from 'react-native';
import Interactable from 'react-native-interactable';
export class ComponentTests extends React.Component {
constructor(props) {
super();
this.deltaY = new Animated.Value(0);
this.deltaX = new Animated.Value(0);
}
render() {
return (
<Text style={{ color: '#fff' }}>Want this to be above
So yeah drag not working when parent view has a background color set, when the background color is removed, the drag starts to work. And just to specify by 'drag not working' i mean the Interactable.View component doesnt respond to drag at all, just stays stationary. Tested on android emulator.
Code to reproduce:
`import React from 'react';
import { Animated, Text, View } from 'react-native';
import Interactable from 'react-native-interactable';
export class ComponentTests extends React.Component {
constructor(props) {
super();
}
render() {
return (
<Text style={{ color: '#fff' }}>Want this to be above
{/* this views background color 'disables' draging of Interactable.View */}
<View style={{ backgroundColor: '#fff' }}>
<Interactable.View
verticalOnly={true}
snapPoints={[{ y: 200 }, { y: 400 }]}
initialPosition={{ x: 0, y: 200 }}
animatedValueX={this.deltaX}
animatedValueY={this.deltaY}
animatedNativeDriver
// onSnap={this.onDrawerSnap}
>
<View style={{ backgroundColor: '#ff0', height: 20, width: 20 }} />
</Interactable.View>
}
}
`
Versions:
The text was updated successfully, but these errors were encountered: