text: import React, { Component } from 'react';
  import { StyleSheet, View, Image } from 'react-native';
  import { Content, Card, CardItem, Body, Text, Item, Label, Input } from 'native-base';
  
  var myBackground = require('../assets/picks/bingo.png');
  
  export default class Login extends Component {
      render() {
          return (
              <View style={styles.container}>
                 
                  <Image source={myBackground} />
                  <View style={styles.viewStyle}>
                      <Content>
                          <Card>
                              <CardItem>
                                  <Body>
                                      <Item inlineLabel>
                                          <Label>Username</Label>
                                          <Input />
                                      </Item>
                                      <Item inlineLabel last>
                                          <Label>Password</Label>
                                          <Input />
                                      </Item>
                                  </Body>
                              </CardItem>
                          </Card>
                      </Content>
                  </View>
              </View>
          );
      }
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
          width: null,
          height: null,
          justifyContent: 'center',
          alignItems: 'center'
      },
      viewStyle: {
  
          justifyContent: 'center',
          alignItems: 'center',
          backgroundColor: '#185359'
  
  
  
      }
  });
  