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 478 fois
Modifier
5
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
1
Quels sont les snippets valides en JSX?1
Je peux lancer le débogueur dans Chrome depuis mon app, J'exécute `react-native log-ios` depuis ma ligne de commande1
Comment définir la couleur de fond d'un View en React Native0
Quel est le code qui affichera 'Hello World' dans la console?1
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;
2
Comment utiliser StyleSheet en React Native2
Quel est le code qui affichera 'Hello World' dans la console?