Skip to content

The network

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

#4 State management MobX - Xây dựng ứng dụng Taxi như Grab/Uber với Flutter

by Jee Tebe youtube.com

3 min 147 views

Watch on YouTube

Hướng dẫn cách triển khai MobX cho ứng dụng Flutter. MobX là một thư viện state management dựa trên phản ứng, cho phép chúng ta quản lý trạng thái của ứng dụng một cách dễ dàng và hiệu quả. Để triển khai MobX cho ứng dụng Flutter, chúng ta thực hiện như sau: - Cài đặt thư viện MobX và các thư viện phụ thuộc. - Tạo file app_store.dart trong thư mục store. - Khai báo class AppStore. - Khai báo các trạng thái cần quản lý. - Thêm action để thay đổi trạng thái. - Gõ lệnh build run để tạo file app_store.g.dart. - Khai báo biến app_store trong file main.dart. 👉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