ReactNative/App.js at master · curhatin/ReactNative · 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
/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, {Component} from 'react';
import {Platform, StyleSheet} from 'react-native';
import LoginScreen from './pages/LoginScreen';
import { Container, Header, Left, Body, Right, Title, Content, Footer, FooterTab, Button, Icon, Text, Form, Item, Input, Label } from 'native-base';


export default class App extends Component {

  render() {
    return (

      <Container>
        <Content>
          <LoginScreen/>
          </Content>
        <Footer >
        <FooterTab style={{backgroundColor: '#FAC911'}}>
          <Button vertical Scene>
            <Icon name="apps" style={{color: 'red'}}  />
            <Text style={{color: 'red'}} >Back</Text>
          </Button>
          <Button vertical>
            <Icon name="camera" style={{color: 'red'}}  />
            <Text style={{color: 'red'}} >Explore</Text>
          </Button>
          <Button vertical e>
            <Icon active name="navigate" style={{color: 'red'}} />
            <Text style={{color: 'red'}} >My Stories</Text>
          </Button>
          <Button vertical>
            <Icon name="person" style={{color: 'red'}} />
            <Text style={{color: 'red'}} >Create</Text>
          </Button>
        </FooterTab>
      </Footer>

        </Container>


    );
  }
}