animationhooks/App.js at master · stylder/animationhooks · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import React, { useState } from 'react';

import { View, TouchableOpacity, Text } from 'react-native';


import AnimatedComponent from './AnimatedComponent';

const App = () => {
  const [doAnimation, setDoAnimation] = useState(false);

  return (
    <View style={{
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
    }}>
      <AnimatedComponent doAnimation={doAnimation} />
      <TouchableOpacity
        style={{
          margin: 20,
          backgroundColor: `gray`,
          padding: 10,
        }}
        onPress={() => setDoAnimation(!doAnimation)}
      >
        <Text style={{ color: `white` }}>Animation</Text>
      </TouchableOpacity>
    </View>
  )
};


export default App;