/ in /

Flutter Taxi App Customer UI KIT template app

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

HTML Structure

HTML Structure

HTML Structure

HTML Structure

HTML Structure

Flutter Taxi App Customer UI KIT - 1

Change log:


- 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…

Reviews

Please leave your review here regarding the use of “Flutter Taxi App Customer UI KIT”

Your email address will not be published.

225
5 out of 5
Live Preview External Product via Envato
Need template issues resolved?
Ask author( a admin ) directly!

    Updated on: 21 July 2020
    Created on: 21 July 2020
    Codemarket