我试图一次启动多个React原生动画,所有动画只需一次回调.这个例子很好,但我不喜欢这样的事实,我必须一个接一个地开始,并且只有一个带有回调的动画.还有更优雅的方式吗?

Animated.timing(this.state.opacity, {
    toValue: 0,
    duration: 300
}).start();

Animated.timing(this.state.height, {
    toValue: 0,
    duration: 300
}).start(() => {
    // callback
});

推荐答案

是的,有.你可以用Animated.parallel

Animated.parallel([
    Animated.timing(this.state.opacity, {
        toValue: 0,
        duration: 300
    }),
    Animated.timing(this.state.height, {
        toValue: 0,
        duration: 300
    })
]).start(() => {
    // callback
});

React-native相关问答推荐

在原生react 中更改图像源URI时闪烁

我们如何才能将我们自己的应用程序(IOS)排除在共享表中?

React Native:如何以编程方式对图像进行黑白过滤?

如何在react-native 的switch 内显示文本(是/否)

Android Studio 为构建设置 node 目录(Cause: error=2, No such file or directory)

警告:API 'variant.getMergeAssets()' 已过时 / Android Studio 3.3

RNFS.exists() 总是返回 TRUE

子视图覆盖的容器borderRadius,这是一个bug吗?

运行react应用程序时出错

使用 Hooks 在功能组件中react-navigation 标题

React-Native Android 中隐藏(hide)的元素溢出

React Navigation - 标题的渐变 colored颜色

获取没有地理位置 API React-native 的国家/城市?

React Nativedropped so far性能监视器计数不断增加

在 React-Native 中手动设置 opacity 的 onPress of TouchableOpacity 的音量

无法解析模块react-native-reanimated

React Context:TypeError:render is not a function

python 3与本机兼容吗?还是我应该按照 react 文档的建议安装 python 2?

如何在react-native中更新数组状态?

React Navigation获取堆栈标题高度