CS52/IntroductionPage.js at master · smundada/CS52 · 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
import React, { Component } from 'react';
import {Constants} from 'expo'
import {
  Container,
  Content,
  Toast,
  Header,
  Button,
  Text,
  Thumbnail,
  ListItem,
  Body,
  Form,
  Item as FormItem,
  Input,
  Label,
  Title,
} from 'native-base';

import { Left, Right, Icon,} from 'native-base';
import { Actions } from 'react-native-router-flux';

export default class HeaderIconExample extends Component {
  render() {
    return (
      <Container>

                <Content padder>
                <Button large block transparent dark>
                <Text large> What are you looking for today? </Text>
                </Button>
          <Button > </Button>

           <Button large block info onPress={Actions.feelings}>
            <Text >Mental Health</Text>
                     <ListItem avatar>
                <Thumbnail source={{ uri: 'https://d30y9cdsu7xlg0.cloudfront.net/png/1211643-200.png' }} />
            </ListItem>
          </Button>
          <Button large>
          </Button>
           <Button large block info onPress={Actions.feelings}>
            <Text >Physical Health</Text>
                     <ListItem avatar>
                <Thumbnail source={{ uri: 'http://servisourcetraining.ie/wp-content/uploads/physicalactivity.png' }} />
            </ListItem>
          </Button>
                    <Button large>
          </Button>
           <Button large block info onPress={Actions.feelings}>
            <Text >Sexual Health</Text>
                     <ListItem avatar>
                <Thumbnail source={{ uri: 'https://cdn3.iconfinder.com/data/icons/glypho-signs/64/male-female-sign-512.png' }} />
            </ListItem>
          </Button>
            <Button large>  </Button>
           <Button large block info  onPress={Actions.feelings}>
            <Text>Other</Text>
                     <ListItem avatar>
                <Thumbnail source={{ uri:'https://d30y9cdsu7xlg0.cloudfront.net/png/28217-200.png' }} />
            </ListItem>
          </Button>
        </Content>
      </Container>
    );
  }
}