Animated.View 中的 TouchableOpacity 捕捉手势

Nic*_*ger 5 javascript react-native react-animated

我正在尝试react-native-interactable创建一个只能在按下一段时间后才能移动的组件(如 android 和 ios 跳板)我设法找到了解决方案,但我的问题是,当Interactable.View可拖动时,我必须移开我的手指TouchableOpacity才能移动 Interactable。

我希望它在onLongPress被触发时可以直接移动,但看起来它TouchableOpacity正在捕捉所有手势。

我也想dragEnabled在调用 onPressOut 时重置为 false,但这种行为似乎不可能。

这是我的代码:

<Interactable.View
    animatedNativeDriver={true}
    dragEnabled={this.state.editMode}    
>
    <TouchableOpacity
        onPress={() => alert('Touchable Pressed')}
        onLongPress={() => this.setState({editMode: true})}
    >
        <Text>Test Button</Text>
    </TouchableOpacity>
</Interactable.View>
Run Code Online (Sandbox Code Playgroud)