相关疑难解决方法(0)

与父PanResponder的TouchableOpacity

我的父母PanResponder有一个孩子的TouchableOpacity.会发生什么是TouchableOpacity因为点击而不响应PanResponder点击.我试图遵循本指南但没有成功:http: //browniefed.com/blog/react-native-maintain-touchable-items-with-a-parent-panresponder/

这是我的代码:

this._panResponder = PanResponder.create({
            onStartShouldSetPanResponder: (evt, gestureState) => true,
            onStartShouldSetPanResponderCapture: (evt, gestureState) => false,
            onMoveShouldSetResponderCapture: () => true,
            onMoveShouldSetPanResponder: (evt, gestureState) => true,
            onMoveShouldSetPanResponderCapture: (evt, gestureState) => {
                return gestureState.dx != 0 && gestureState.dy != 0;
            },
            onPanResponderGrant: (evt, gestureState) => {
                let isFirst = gestureState.y0 > 164 ? false : true;
                this.setState({animObj: isFirst, isUsingCurtain: true});
            },
            onPanResponderMove: (evt, gestureState) => {

                //let Y = this.state.animObj ? gestureState.moveY - this.state.currentHeaderHeight …
Run Code Online (Sandbox Code Playgroud)

gestures react-native

9
推荐指数
4
解决办法
3642
查看次数

React Native - Animated.View 内的可触摸不透明度正在触发背景列表视图的事件

我有一个带有滚动视图的列表,我正在尝试为其添加过滤器选项。当单击过滤器图标时,position:absolute将在 Animated.View 内显示一个叠加层。我在覆盖视图内有按钮TouchableOpacity

过滤器.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: …
Run Code Online (Sandbox Code Playgroud)

react-native

5
推荐指数
1
解决办法
2194
查看次数

标签 统计

react-native ×2

gestures ×1