Build an Uber Rider App in Rust — Native Apple Maps & Google Maps (Fission UI)
Build a full Uber-style rider app in Rust using Fission UI — native
Apple Maps on iOS and Google Maps on Android, from a single Rust crate,
with zero JavaScript and zero WebView.
This tutorial covers the complete RiderHome screen from scratch: setting
up native map integration with MapView::new() and MapProvider::platform(),
building the bottom sheet layout with BottomSheet and Stack, managing
destination and service state with #[fission_component] and
#[fission_reducer], and running the app on both iOS Simulator and Android
Emulator with fission run --target ios.
No prior Fission knowledge required.
─── CHAPTERS ────────────────────────────────────
0:00 — Intro & what we're building
0:45 — Project setup (cargo-fission CLI)
1:45 — Native map integration (centrepiece)
3:30 — The RiderHome component
4:30 — Bottom sheet layout
5:15 — Destination search & reducers
6:15 — Running on iOS & Android
7:15 — Outro & next steps
─── LINKS ───────────────────────────────────────
Source code: github.com/fission-ui/examples
Framework: github.com/fission-ui/fission
Install: cargo add fission --features mobile,maps
Docs: fission.rs
─── SERIES ──────────────────────────────────────
Part 1: TikTok Clone → [link]
Part 2: Uber Rider App → this video
Part 3: Uber Driver App → coming soon
─── ABOUT FISSION ───────────────────────────────
Fission is a cross-platform, GPU-accelerated UI framework for Rust.
Write once, run natively on macOS, Windows, Linux, iOS, Android, and Web.
Powered by Vello + wgpu. MKMapView on iOS. Google Maps on Android.
#Rust #RustLang #RustUI #FissionUI #UberClone #NativeMaps #AppleMaps
#GoogleMaps #CrossPlatform #iOS #Android #MobileApp #RustTutorial
#FlutterAlternative #ReactNativeAlternative