HomeScreen

import * as React from 'react';
import { Image, StyleSheet } from 'react-native';
import { Container, Header, Button, Text } from 'native-base';
import { Col, Row, Grid } from 'react-native-easy-grid';

export default class PaginaHome extends React.Component {
  render() {
    return (
      <Container>
        <Grid>
          <Col style={{ backgroundColor: '#00CE9F' }}>
            <Row style={styles.container}>
              <Text style={styles.paragraph}>
                Local files and assets can be imported by dragging and dropping
                them into the editor
              </Text>
              <Image
                style={styles.logo}
                source={require('../assets/snack-icon.png')}
              />
              <Text>1</Text>
            </Row>
            <Row>
              <Row>
                <Button
                  success
                  onPress={() =>
                    this.props.navigation.navigate('Detalhe', {
                      nome: 'Jackson',
                      telefone: '84 98800-0055',
                    })
                  }>
                  <Text>Página Detalhe</Text>
                </Button>
              </Row>
              <Row>
                <Button
                  info
                  onPress={() =>
                    this.props.navigation.navigate('Formulário Cliente', {
                      nome: 'Jackson',
                    })
                  }>
                  <Text>Formulário Cliente</Text>
                </Button>
              </Row>
            </Row>
          </Col>
        </Grid>
      </Container>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    justifyContent: 'center',
    padding: 24,
  },
  paragraph: {
    margin: 24,
    marginTop: 0,
    fontSize: 14,
    fontWeight: 'bold',
    textAlign: 'center',
  },
  logo: {
    marginTop: -180,
    height: 128,
    width: 128,
  },
});