react-native
Animations-API
Suche…
Animieren Sie ein Bild
class 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>
)
}
}
In diesem Beispiel wird die Bildposition durch Ändern des Randes animiert.
Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow