一旦我见过某个地方,就可以定义这样的动画
const styles = StyleSheet.create({
box: {
width: 100,
height: 100
},
box__expand: {
height: 200
}
})
const Box = ({ expand }) => (
<Animated.View style={[styles.box, expand && styles.box__expand]} animatedProp='height'>
<Text>demo</Text>
</Animated.View>
)
如您所见,这里有animatedProps='height'
,这不是真正的财产,但是我在类似的地方看到过类似的动画,并且在不使用Animated.Value
的情况下动画效果很好,只是不记得是什么了。确切的属性,并且无法在源代码中找到