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:

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 v3.27.0 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

HTML Structure

Flutter Taxi App Customer UI KIT - 1

Change log:


- 05/2025
- update flutter to: 3.27.0
- fix some bug
--------------------------------------
- 01/07/2020
- update flutter to: 1.12.13+hotfix.5
- update packages:
    - cached_network_image: ^1.1.2+1 -> cached_network_image: ^2.0.0
    - provider: ^3.1.0+1 -> provider: ^4.0.1
    - google_maps_flutter: ^0.5.21+11 -> google_maps_flutter: ^0.5.21+15
    - http: 0.12.0+1 -> http: 0.12.0+3
    - flutter_rating_bar: ^1.1.1 -> flutter_rating_bar: ^3.0.0+1
    - pin_code_text_field: ^1.4.0 -> pin_code_text_field: ^1.5.1
- Add InkWellCustom for FocusNode()
- Change dialog widget

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…