Mapas e Rotas com React Native - #13 Tracking

Nesse tutorial implementaremos a tela de Tracking do nosso app, exibindo os dados da viagem para o usuário do app.

Rastreando corrida com React Native

views/Tracking.js

Vamos implementar a foto do motoristas e os dados da corrida.

import React from 'react';
import { Text, View, Image } from 'react-native';
import {css} from '../assets/css/Css';

export default function Tracking(props) {

    return (
        <View style={[css.container,css.motorista]}>
            <Image style={css.motorista__image} source={require('../assets/img/motorista.jpg')} />
           <Text style={css.motorista__text}>O motorista fulano está a caminho</Text>
        </View>
    );
}

assets/css/Css.js

Vamos implementar as novas classes css para a tela de Tracking:

motorista:{
    alignItems:'center',
    backgroundColor:'#222'
},
motorista__image:{
    width: 200,
    height: 200,
    borderRadius: 100,
    marginBottom: 20
},
motorista__text:{
    fontWeight:'bold',
    fontSize:22,
    color:'#fff'
}

Por hoje é só! Sucesso nos códigos e na vida!

Precisando de assessoria? webdesignemfoco@gmail.com