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