Difficile
En React Native, comment décrirez vous cette animation ?
import React from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Animated,
Image,
Easing
} from 'react-native'
class AnimationExample extends React.Component {
constructor () {
super()
this.animValue = new Animated.Value(0)
}
componentDidMount () {
this.animate()
}
animate () {
this.animValue.setValue(0)
Animated.timing(
this.animValue,
{
toValue: 1,
duration: 4000,
easing: Easing.linear
}
).start(() => this.animate())
}
render () {
const anim = this.animValue.interpolate({
inputRange: [0, 1],
outputRange: ['0deg', '360deg']
})
return (
<View style={styles.container}>
<Animated.Image
style={{
width: 227,
height: 200,
transform: [{rotate: anim}] }}
source={{uri: 'https://s3.amazonaws.com/media-p.slid.es/uploads/alexanderfarennikov/images/1198519/reactjs.png'}}
/>
</View>
)
}
}
Auteur: Victor SabatierStatut : PubliéeQuestion passée 487 fois
Modifier
4
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
1
Comment définir la couleur de fond d'un View en React Native2
Comment utiliser StyleSheet en React Native2
Quel est le code qui affichera 'Hello World' dans la console?1
Quels sont les snippets valides en JSX?2
Quel est le résultat du code suivant ?
const App = () => {
const [count, setCount] = useState(0);
return ({
<Text>
The count is {count}
</Text>
<Button onPress={() => setCount(count + 1)}>
Increase
</Button>
});
};
export default App;
1
Je peux lancer le débogueur dans Chrome depuis mon app, J'exécute `react-native log-ios` depuis ma ligne de commande0
Quel est le code qui affichera 'Hello World' dans la console?