dashboard sample code

sample.js

import React, {Component} from 'react';
import {View, ScrollView} from 'react-native';
import {List, Divider, Colors} from 'react-native-paper';

const vehicles = [
  {id: 1, no: 'AP28X1234'},
  {id: 2, no: 'AP28X1222'},
  {id: 3, no: 'AP28X1333'},
  {id: 4, no: 'AP28X1234'},
  {id: 5, no: 'AP28X1222'},
  {id: 36, no: 'AP28X1333'},
  {id: 17, no: 'AP28X1234'},
  {id: 28, no: 'AP28X1222'},
  {id: 39, no: 'AP28X1333'},
  {id: 10, no: 'AP28X1234'},
  {id: 255, no: 'AP28X1222'},
  {id: 34, no: 'AP28X1333'},
  {id: 13, no: 'AP28X1234'},
  {id: 233, no: 'AP28X1222'},
  {id: 323, no: 'AP28X1333'},
  {id: 112, no: 'AP28X1234'},
  {id: 221, no: 'AP28X1222'},
  {id: 32, no: 'AP28X1333'},
];

export default class Vehicles extends Component {
  render() {
    return (
      <ScrollView>
        {vehicles.map(vehicle => {
          return (
            <React.Fragment key={vehicle.id.toString()}>
              <List.Item
                title={vehicle.no}
                left={props => (
                  <List.Icon {...props} icon="truck" color={Colors.green300} />
                )}
                onPress={() => console.warn(vehicle.id)}
              />
              <Divider />
            </React.Fragment>
          );
        })}
      </ScrollView>
    );
  }
}