react-native-stopwatch/styles.js at master · bohachevskyy/react-native-stopwatch · 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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
var React = require('react-native');
var {
  StyleSheet,
} = React;

var styles = StyleSheet.create({
  container: {
    flex: 1,
  },

  header: {
    flex: 1,
  },

  footer: {
    flex: 1,
  },

  timerView: {
    flex: 5,
    justifyContent: 'center',
    alignItems: 'center'
  },

  buttonView: {
    flex: 3,
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'center'
  },

  button: {
    borderWidth: 2,
    height: 100,
    width: 100,
    borderRadius: 50,
    justifyContent: 'center',
    alignItems: 'center'
  },

  timer: {
    fontSize: 60
  },

  startButton: {
    borderColor: '#00CC00'
  },

  stopButton: {
    borderColor: '#CC0000'
  },

  buttonText : {
    fontSize: 35
  },

  lap: {
    justifyContent: 'space-around',
    flexDirection: 'row'
  },

  lapText: {
    fontSize: 30
  }
});

module.exports = styles;