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 476 fois
Modifier
5
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
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 Native2
Quel est le code qui affichera 'Hello World' dans la console?2
Comment utiliser StyleSheet en React Native1
Quels sont les snippets valides en JSX?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;
0
Quel est le code qui affichera 'Hello World' dans la console?