React-Native:动画视图阻止了TouchableOpacity的onPress操作

时间:2020-02-11 09:21:05

标签: react-native animation view touchableopacity

   <Animatable.View animation={'fadeIn'} duration={1000} >
        <TouchableOpacity key={index} activeOpacity={0.5} onPress={() => this.onPress()}>
                <Text>Submit</Text>
        </TouchableOpacity>
   </Animatable.View>

动画View阻止了onPress动作。如果我删除了动画View,则onPress动作可以正常工作。

如果我用TouchableOpacity包装view的内容,那么onPress动作就可以了。

<Animatable.View animation={'fadeIn'} duration={1000} >
    <TouchableOpacity key={index} activeOpacity={0.5} onPress={() => this.onPress()}>
         <View>
            <Text>Submit</Text>
         <View>
    </TouchableOpacity>
</Animatable.View>

有人能让我知道为什么AnimatedView阻止了onPress以及View如何使onPress起作用吗?

0 个答案:

没有答案