Flutter Taxi App Customer UI KIT

Free Download

Flutter Taxi App mobile UI KIT developed 99% by Flutter. It contain 25+ Screens with different type of UI. It uses the Google Map Flutter plugin to get directions on the map. High-precision polylines as Google Map application.

 

Features:

    Flutter Taxi App UI Kit communicates with the Google Maps API Directions Service which receives direction requests and returns an efficient path. The application works on iOS and Android

  • Draw the shortest path between 2 points on the map
  • Real-time tracking of driver’s location (New)
  • Filter and display markers around your current location (New)
  • Select start position and end position directly on the map
  • Calculate distance, cost, time of the route
  • 25+ Screens
  • Clean code easy develop
  • Using Animation Controller
  • Responsive Design to any all device screen
  • Easy to Custom layout
  • Using mvc model, blocs

 

Taxi App Driver Ui Kit

Download APK Demo: link

Video demo: Youtube

Setup:

Flutter version: Channel stable v1.9.1 or hight
Packages geolocator: v5.0.1

  • Insert Google Api Key to some file:
    • android/app/src/main/AndroidManifest.xml
    • ios/Runner/AppDelegate.swift
    • lib/config.dart
  • Run : flutter packages get
  • Connect your phone to a computer, or open a simulator and run: flutter run

 

Change Map Type:

HTML Structure

Select location:

HTML Structure

Direction:

HTML Structure

Tracking realtime:

HTML Structure

Filter and display markers around your current location:

HTML Structure

Flutter Taxi App Customer UI KIT - 1

Change log:

 

Bloc/data

  • Change place_bloc for search address:
  • Add permission location

Ui

  • Add amimation for screen: notification, history, history detail…
  • Add screen driver_detail
  • Add chat screen, term $ permission
  • Change ui: home screen, search address, direction detail, review trip, history detail, profile,
  • Change marker
  • Fix some bug, reformat code…


Source

You might be interested in

Open