/ 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. Required fields are marked *

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