-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
42 lines (40 loc) · 940 Bytes
/
App.js
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
35
36
37
38
39
40
41
42
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { LinearGradient } from 'expo';
import { GetGIFs } from './components/GetGIFs';
export default class App extends React.Component {
render() {
return (
<LinearGradient
colors={['#ef017c', '#8A4ED3']}
start={[0, 0]}
style={styles.gradient}>
<View style={styles.container}>
<Text style={styles.title}>Reaction GIF Generator</Text>
<GetGIFs />
<Text style={styles.credits}>GIFs courtesy of Giphy.com</Text>
</View>
</LinearGradient>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
},
gradient: {
flex: 1,
},
title: {
fontFamily: 'System',
fontSize: 30,
color: '#eeeeee',
marginBottom: 20,
},
credits: {
fontSize: 12,
color: '#eeeeee',
}
});