samuelsilva15 / driver

Driver

Driver é um projeto feito com base em um tutorial, que simula o Uber.

React Native Maps:
- importação: import MapView from 'react-native-maps';
- instalação: npm install react-native-maps

React Native MapsDirections:
- importação: import MapViewDirections from 'react-native-maps-directions';
- instalação: npm install react-native-maps-directions

Place AutoComplete: responsável por buscar e marcar lugares utilizando o mapa do google.
- importação: import { GooglePlacesAutocomplete } from 'react-native-google-places-autocomplete';
- instalação: npm install react-native-google-places-autocomplete --save

Importações necessárias para utilizar o auto complete {
- import * as Location from 'expo-location';
- import * as Permissions from 'expo-permissions'; }

Tela de inicio:

Auto Complete:

Distância e preço:

O Aplicativo também utiliza uma API que é disponibilizada pelo mercado pago: https://www.mercadopago.com.br/developers/pt. Basta cadastrar-se.
Depois de escolhido o destino, o usuário pode pagar a viagem utilizando o mercadopago, e toda a validação é feita por este.

Se aprovado, o usuário é encaminhado para esta tela: