POS/index.ios.js at master · PureMoney/POS · 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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
/**
 * PureMoney POS
 * https://github.com/facebook/react-native
 * @flow
 */

'use strict';

import Payments from './PaymentsPage';
import AccountBalance from './AccountBalancePage';
import AccountSettings from './AccountSettingsPage';
import History from './HistoryPage';
import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  NavigatorIOS,
  TabBarIOS,
} from 'react-native';
import Icon from 'react-native-vector-icons/Ionicons';

class POS extends Component {
    constructor() {
        super();
        this.state = {
            selectedTab: 'Payments',
            message: '',
        };
    }

    render() {
        return (
            <TabBarIOS style={styles.tabBar}
               tintColor="#FFFFFF"
               barTintColor="#48BBEC">
                <Icon.TabBarItem
                    title='Payments'
                    selected={this.state.selectedTab === 'Payments'}
                    iconName="ios-keypad"
                    selectedIconName="ios-keypad-outline"
                    onPress={() => {
                      this.setState({
                        selectedTab: 'Payments',
                      });
                    }} >
                    <NavigatorIOS
                        style={styles.container}
                        initialRoute={
                            {
                                title: 'PureMoney POS',
                                component: Payments,
                            }
                        } />
                </Icon.TabBarItem>
                <Icon.TabBarItem
                    title='Account Balance'
                    selected={this.state.selectedTab === 'Account Balance'}
                    iconName="ios-calculator"
                    selectedIconName="ios-calculator-outline"
                    onPress={() => {
                      this.setState({
                        selectedTab: 'Account Balance',
                      });
                    }} >
                    <NavigatorIOS
                        style={styles.container}
                        initialRoute={
                            {
                                title: 'PureMoney POS',
                                component: AccountBalance,
                            }
                        } />
                </Icon.TabBarItem>
                <Icon.TabBarItem
                    title='Settings'
                    selected={this.state.selectedTab === 'Settings'}
                    iconName="ios-cog"
                    selectedIconName="ios-cog-outline"
                    onPress={() => {
                      this.setState({
                        selectedTab: 'Settings',
                      });
                    }} >
                    <NavigatorIOS
                        style={styles.container}
                        initialRoute={
                            {
                                title: 'PureMoney POS',
                                component: AccountSettings,
                            }
                        } />
                </Icon.TabBarItem>
                <Icon.TabBarItem
                    title='History'
                    selected={this.state.selectedTab === 'History'}
                    iconName="ios-archive"
                    selectedIconName="ios-archive-outline"
                    onPress={() => {
                      this.setState({
                        selectedTab: 'History',
                      });
                    }} >
                    <NavigatorIOS
                        style={styles.container}
                        initialRoute={
                            {
                                title: 'PureMoney POS',
                                component: History,
                            }
                        } />
                </Icon.TabBarItem>
            </TabBarIOS>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#434343',
    },
    tabBar:  {
        flex: 1,
    },
});

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