React native 无法使用React native在animated.view中单击TouchableOpacity

我无法在

动画视图中单击
触摸不透明度
。
你能帮我吗

<Animated.View>
    <TouchableOpacity>
        <Text>Click Me!!</Text>
    </TouchableOpacity>
</Animated.View>


点击我！！
我认为动画API不是那样工作的，您必须创建单独的类，如下所示：

从“React”导入React；
从“react native”导入{动画、文本、视图}；
类FadeInView扩展了React.Component{
状态={
fadeAnim:new Animated.Value（0），//不透明度的初始值：0
}
componentDidMount（）{
动画。计时（//随时间设置动画
this.state.fadeAnim，//要驱动的动画值
{
toValue:1，//动画设置为不透明度：1（不透明）
持续时间：10000，//让它花点时间
}
).start（）；//启动动画
}
render（）{
设{fadeAnim}=this.state；
返回(
{this.props.children}
);
}
}
//然后，您可以使用“FadeInView”代替组件中的“View”：
导出默认类App扩展React.Component{
render（）{
返回(
淡入
)
}
}
使用“反应本机手势处理程序”中的TouchableOpacity，而不是“反应本机”

从'react native'导入{TouchableOpacity}

如果使用PanResponder，请参阅此问题以了解更多信息。


PS：在我的情况下，下面可以使TouchHighlight无响应

import { TouchableHighlight } from 'react-native-gesture-handler';

考虑到仍然存在风格兼容性，我对TouchableHighlight也有同样的问题，这就解决了这个问题
import { TouchableOpacity } from 'react-native-gesture-handler';

import { TouchableHighlight } from 'react-native-gesture-handler';