React 本机按钮按下无法正常工作 android

Question

所以我知道这已经在多个其他线程中进行了讨论，但这个是独一无二的，我使用 React Native 构建了这个应用程序，它使用滑动手势来动画视图滑入和滑出视图。 iOS 几乎完美无缺，但是当运行 on android 堆栈按钮中第一个视图之后的任何内容在视图内部按下时停止工作，我相信这是因为父视图本质上是滑动的在视图之外，因此没有触摸正在注册。我对如何解决这个问题感到困惑，这是一种临时实现，所以可能有我忽略的反应本机包。

<Animated.View style={{
  transform: [{
    translateX: xOffset.interpolate({
      inputRange: [0, 2],
      outputRange: [0, -Dimensions.get('window').width * 2]
    })
  }]
}}>
  <RenderViews />
</Animated.View>

const RenderViews = props => {
  return (
    <View style={{
      flexDirection: 'row',
    }}>
      <Preset1 />
      <Preset2 />
      <Manual />

    </View>
  )
};

Answer 1

您已使用 tovalue 启动动画

例子

Animated.timing(
  // Animate value over time
  this.state.fadeAnim, // The value to drive
  {
    toValue: 1, // Animate to final value of 1
  },
).start();

您可能应该收听屏幕事件

和运行有变化时的动画事件

Answer 2

我最终实现了 react-native-swiper，它处理所有滑动逻辑，并且按钮按下在 android 上再次工作。

https://github.com/leecade/react-native-swiper

React 本机按钮按下无法正常工作 android

React native button presses not working on android

android

react-native

react-native-animatable