React native React Native-动画中的可触摸不透明度。视图是背景列表视图的触发事件

我有一个滚动视图列表，我正在尝试为它添加过滤器选项。单击过滤器图标时，动画视图中会显示一个带有

位置：绝对值的覆盖图。我在覆盖视图中有按钮，带有
touchablepacity

Filter.js

    export default class FilterFade extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
          visible: props.visible,
        };
    };

    componentWillMount() {
      this._visibility = new Animated.Value(this.props.visible ? 1 : 0);
    }

    componentWillReceiveProps(nextProps) {

        if (nextProps.visible) {
          this.setState({ visible: true });
        }
        Animated.timing(this._visibility, {
          toValue: nextProps.visible ? 1 : 0,
          duration: 300,
        }).start(() => {
          this.setState({ visible: nextProps.visible });
        });
    }

    render() {
      const { visible, style, children, ...rest } = this.props;

      const containerStyle = {
        opacity: this._visibility.interpolate({
          inputRange: [0, 1],
          outputRange: [0, 1],
        }),
        transform: [
          {
            scale: this._visibility.interpolate({
              inputRange: [0, 1],
              outputRange: [1.1, 1],
            }),
          },
        ],
      };

      const combinedStyle = [containerStyle, style];
      return (
        <Animated.View style={combinedStyle} {...rest}>
          {children}
        </Animated.View>
      );
    }
  }

现在，当我单击过滤器中的TouchableOpacity文本时，单击事件在FadeView后面的Listview中触发

有人能告诉我如何在动画绝对视图中添加新闻事件吗

提前感谢。
使用“反应本机手势处理程序”中的TouchableOpacity，而不是“反应本机”

从“反应本机手势处理程序”导入{TouchableOpacity}

遵循此帖子
使用“反应本机手势处理程序”中的TouchableOpacity，而不是“反应本机”

从“反应本机手势处理程序”导入{TouchableOpacity}

跟随这篇文章
你找到解决方案了吗？@Cris69没有，我从我的应用程序中删除了淡入淡出动画。如果您发现了与此相关的内容，请告诉我，谢谢。您找到解决方案了吗？@Cris69没有，我已从应用程序中删除了淡入淡出动画。如果您发现任何与此相关的信息，请告诉我，谢谢。
<FilterFade visible={this.state.isFilterVisible}>
          <View style={styles.filterView}>
              <TouchableOpacity onPress={() => this.getFilteedStories}>
                <Text style={styles.filterOption}> My Stories </Text>
              </TouchableOpacity>
                <TouchableOpacity onPress={() => this.getFilteedStories}>
              <Text style={styles.filterOption}> All Stories </Text>
              </TouchableOpacity>
          </View>
 </FilterFade>

 filterView :{
      position: 'absolute',
      top: 0,
      right: 5,
      backgroundColor: #CCC,
      width: 150,
      paddingTop: 15,
      paddingBottom: 15,
      zIndex: 999,
    },
    filterOption: {
      color: "#FFF",
      fontSize: 15

    }