动画图像
placeholderCopyclass AnimatedImage extends Component {
constructor(props){
super(props)
this.state = {
logoMarginTop: new Animated.Value(200)
}
}
componentDidMount(){
Animated.timing(
this.state.logoMarginTop,
{ toValue: 100 }
).start()
}
render () {
return (
<View>
<Animated.Image source={require('../images/Logo.png')} style={[baseStyles.logo, {
marginTop: this.state.logoMarginTop
}]} />
</View>
)
}
}
此示例通过更改边距来设置图像位置的动画。