React原生动画不是动画
React原生动画不是动画
提问于 2020-10-03 18:03:59
因此，目前我在RN动画上进行实验，为了理解基本的功能和工作流程，我正在尝试尽可能地慢下来。我创建了一个新的世博会应用程序，并通过expo install命令安装了react-native-reanimated包版本~1.13.0和react-native-gesture-handler版本~1.7.0。
稍后，我也计划使用react-native-redash包，但现在我正在尝试配置为什么下面的代码根本不能工作。
import React from "react";
import { View, StyleSheet } from "react-native";
import Animated from "react-native-reanimated";
import { PanGestureHandler } from "react-native-gesture-handler";
const { Value } = Animated;
export default function App() {
const translateY = new Value(0);
const translateX = new Value(0);
return (
<View style={styles.container}>
<PanGestureHandler
onGestureEvent={Animated.event(
[
{
nativeEvent: {
translationY: translateY,
translationX: translateX,
},
},
],
{ useNativeDriver: true }
)}
>
<Animated.View
style={[
styles.ball,
{
transform: [
{ translateY: translateY },
{ translateX: translateX },
],
},
]}
></Animated.View>
</PanGestureHandler>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#ffffff",
alignItems: "center",
justifyContent: "center",
},
ball: {
width: 100,
height: 100,
borderRadius: 9999,
backgroundColor: "black",
},
});在那之后，我的“球”视图中没有动画。有人知道我做错了什么吗？
Stack Overflow用户
回答已采纳
发布于 2020-10-03 20:18:33
event()节点应分配给
const eventHandler = event(/* */);
// ...
<PanGestureHandler
onGestureEvent={eventHandler}
onHandlerStateChange{eventHandler}
>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64183007
复制相关文章
相似问题
腾讯云开发者
