Code

Flutter Taxi App Customer UI KIT

Flutter Taxi App Customer UI KIT

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.5.4 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 UI KIT - 1

by
by
by
by
by
by