Skip to content

The network

Add your feed Account Follow @itsallwidgets on X (opens in a new tab)
Videos
Video

#3 Walk through screen - Xây dựng ứng dụng Taxi như Grab/Uber với Flutter

by Jee Tebe youtube.com

6 min 579 views

Watch on YouTube

*Hướng dẫn cách tạo màn hình giới thiệu cho ứng dụng taxi bằng Flutter.* - Màn hình Splash Screen: Màn hình này sẽ xuất hiện khi người dùng khởi chạy ứng dụng lần đầu tiên. Màn hình này bao gồm một hình ảnh logo ứng dụng và một vòng quay báo hiệu ứng dụng đang khởi động. Màn hình này sẽ tự động chuyển sang màn hình Walkthrough sau 3 giây. - Màn hình Walkthrough: Màn hình này sẽ giới thiệu cho người dùng các tính năng chính của ứng dụng, bao gồm ba trang: Trang 1: Giới thiệu về ứng dụng. Trang 2: Giới thiệu về tính năng đặt xe. Trang 3: Giới thiệu về tính năng thanh toán. Người dùng có thể sử dụng các nút Next và Skip để chuyển trang. 👉UI/UX Design & Share code: https://github.com/apptot/share_code 👉Starter project: https://github.com/apptot/flutter_uber_tut 👉Fake API NodeJs: https://github.com/apptot/fake-api-nodejs 👉Demo apk: https://drive.google.com/file/d/1HHKVDaPkEawlLZNbfv0flwysdtxpkwmq/view?usp=share_link 💵Buy full source code: https://www.codester.com/items/22117/taxi-app-flutter-ui-kit *TUTORIAL PLAYLIST* 1.Introduction 2.UI/UX Design 3.Walk through screen 4.State management - MobX 5.Login/Sign up screen 6.Form validation 7.Fake api nodejs 8.Networking - Rest API 9.Map & Location 10.Home Screen UI 11.Auto-complete address searching 12.Creating Routes with Poly-lines 13.Services list - Price calculating 14.Login with OTP SMS 15.Login with Google 16.Push Notification 17.Chat Screen 18.MQTT Communication 19.Multiple Language *BONUS:* Google Maps API Key Custom: Map style, marker Custom: Centre route on map - animation Custom: Icon app Custom: Icon with flutter svg

Made by

Jee Tebe @jeetebe 🇻🇳 Vietnam View Jee on Flutter Pro
Forum

Questions about this, or something to add?

Discuss on the forum

Topics State management Maps and location

It's All Widgets

Apps by Jee Tebe

  • Uber taxi screenshot

    Uber taxi

    Taxi App mobile UI KIT developed by Flutter. It contain 30 screens with different type of UI.

    Libraries & Demo
  • Foody UI screenshot

    Foody UI

    Food delivery app UI like Foody, Now,.. make with Flutter.

    Libraries & Demo
  • Luxury Taxi App - Flutter UI Kit screenshot

    Luxury Taxi App - Flutter UI Kit

    Developed by Flutter, contain 26+ Screens with different type of UI

  • E-Commerce UI Kit Flutter screenshot

    E-Commerce UI Kit Flutter

    contain 21+ Screens with different type of UI

More like this

Report this · Wrote this? Claim it

Supported by