GithubNoteTaker/index.android.js at master · anshumanf/GithubNoteTaker · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
let
  React = require('react-native'),
  {
    AppRegistry,
    StyleSheet,
    Navigator,
  } = React,
  Main = require('./app/components/Main');

let styles = StyleSheet.create({
  container:{
    flex            : 1,
    backgroundColor : '#111111',
  },
  navBar: {
    backgroundColor: 'white',
  },
  navBarText: {
    fontSize: 16,
    marginVertical: 10,
  },
  navBarTitleText: {
    color: '#000',
    fontWeight: '500',
    marginVertical: 9,
  },
  navBarLeftButton: {
    paddingLeft: 10,
  },
  navBarButtonText: {
    color: '#00f',
  },
});

// TODO Fix this to add a navigation bar to the top of the screen, then use the same setup for iOS as well

// let NavigationBarRouteMapper = {

//   LeftButton: function(route, navigator, index, navState) {
//     if (index === 0) {
//       return null;
//     }

//     let previousRoute = navState.routeStack[index - 1];
//     return (
//       <TouchableOpacity
//         onPress={() => navigator.pop()}
//         style={styles.navBarLeftButton}>
//         <Text style={[styles.navBarText, styles.navBarButtonText]}>
//           {previousRoute.title}
//         </Text>
//       </TouchableOpacity>
//     );
//   },

//   Title: function(route, navigator, index) {
//     return (
//       <Text style={[styles.navBarText, styles.navBarTitleText]}>
//         {route.title} [{index}]
//       </Text>
//     );
//   },

// };

class GithubNoteTaker extends React.Component {
  render() {
    return (
      <Navigator
        initialRoute  = {{
          name  : 'Github NoteTaker',
          index : 0,
        }}
        renderScene   = {
          (route, navigator) =>
            <Main
              name      = {route.name}
              navigator = {navigator}
            />
        }
        // navigationBar = {
        //   <Navigator.NavigationBar
        //     routeMapper = {NavigationBarRouteMapper}
        //     style       = {styles.navBar}
        //   />
        // }
        style         = {styles.container}
      />
    );
  }
}

AppRegistry.registerComponent('GithubNoteTaker', () => GithubNoteTaker);