Making My AI App Click – FlutterFlow Navigation + UI Actions (Part 3)
Jake Verry
View ChannelAbout
Hi, I’m Jake… no, not the guy from State Farm. Just a tech nerd who loves to build and overanalyzes everything (yes, this took me 20 minutes to write). Welcome to my world of code, creativity, and controlled chaos.
Latest Posts
Video Description
Hey friends 👋 — welcome back to Part 3 of Build With Jake. In this episode, I’m showing you how I’m connecting the UI with FlutterFlow navigation, reusable action callbacks, and custom popups. No CRUD yet — just clean, functional navigation logic and bottom sheets that bring the UI to life. We’ll cover: 🟣 Connecting Sign In, Sign Up, Home, Profile, and Read Story screens 🟣 Adding bottom sheets and dialog popups (Create Story, Dropdown Menu) 🟣 Using onTap action parameters for reusable story cards 🟣 Building drag-to-close bottom sheets with safe areas and custom styling If you’ve ever struggled with FlutterFlow navigation or component logic — this one’s for you. 👉 Missed Part 1 or 2? Watch the full series playlist https://www.youtube.com/playlist?list=PLPUqFT3GpfiDnilvD2-yk5MwaHX7tM3DX 💬 Feedback always welcome — let’s build better together. #flutterflowtutorial #flutterflow #flutter #flutterflowtutorialforbeginners #flutterflowfullcourse CHAPTERS: 00:00 - Understanding User Flow 02:20 - Connecting Web Pages 03:26 - Navigation to User Profile 04:57 - Navigation to Edit Profile 05:29 - Navigation to Read Story 06:19 - Testing Navigation Functionality 09:22 - Implementing Bottom Sheet 10:42 - Creating Dropdown Menu 14:00 - Adding Popup Menu 14:49 - Outro
Boost Your FlutterFlow App Today
AI-recommended products based on this video

Visual Beat 17.3'' 4K Portable Touchscreen Monitor, UHD 500Nits 100% AdobeRGB IPS HDR Travel Display, USB, Type-C & HDMI, Dual Speakers, VESA & Smart Cover - for Laptop PC Phone PS4/5 Xbox etc.

tomtoc 360° Protective Laptop Sleeve for 15-inch MacBook Air M4/A3241 2025, M3/A3114 2024, M2/A2941 2023, 15-inch MacBook Pro A1990 A1707, Dell XPS 15 Plus Laptop, Water-Resistant Computer Case Bag Global Recycled Standard

tomtoc 360° Protective Laptop Sleeve for 13-inch New MacBook Air M4/A3240 2025, M3/A3113, M2/A2681 M1/A2337 A2179 A1932, 13-inch MacBook Pro M2/A2686 M1/A2338, Water-Resistant Computer Case Bag Global Recycled Standard

Laptop Sleeve Case 11–14 Inch MacBook Air MacBook Pro Surface Laptop Dell XPS 13 HP Envy Pavilion Lenovo Yoga Slim IdeaPad Acer Swift Chromebook Samsung Galaxy Book Shockproof Leather Bag Colour Blue

Gumdrop ProTech Case for Dell New XPS 13 Plus 9320 Laptop- Slim Lightweight Case with Energy Displacement Protection, Non-Skid Rubber Feet and Frosted Exterior for Bumps and Drops (Black)

65W 45W USB C Laptop Charger Compatible with Dell Latitude 5420 5430 5520 5530 7340 7430 Inspiron 14 16 XPS 13 Chromebook 3100 Dell Computer Type C Fast Charging AC Adapter Power Cord

45W 65W AC Adapter Laptop Charger for Dell Inspiron 15 14 13 17 3000 5000 7000 Series 5558 5559 Charger Latitude E6440 E6430 3520 3420 XPS 13 14 9333 9350 Notebook Dell Computer Power Supply Cord

soundcore by Anker P20i True Wireless Earbuds, 10mm Drivers with Big Bass, Bluetooth 5.3, 30H Long Playtime, IPX5 Water-Resistant, 2 Mics for AI Clear Calls, 22 Preset EQs, Customization via App

AI Translation Earbuds Real Time with Audio and Video Calls, 164 Language/7 Translation Modes Translator Earbuds Bluetooth 5.4 with APP, 50H Translate Ear Buds Device for Business/Learning/Travel

AI Translation Earbuds Real Time with Audio and Video Calls, 164 Language/7 Translation Modes Translator Earbuds Bluetooth 5.4 with APP, 50H Translate Ear Buds Device for Business/Learning/Travel

NIV, Journal the Word Bible (Perfect for Note-Taking), Double-Column, Cloth over Board, Teal, Red Letter, Comfort Print: Reflect, Take Notes, or Create Art Next to Your Favorite Verses

95kpa Vacuum Sealer Machine, Commercial Full Automatic Food Sealer, Food Vacuum Sealing Machine with Cutter, 10 Pre-cut Bags & Bag Rolls and Accessory Hose

Vansuny 128GB USB C Flash Drive 2 in 1 OTG USB 3.0 + USB C Memory Stick with Keychain Dual Type C USB Thumb Drive Photo Stick Jump Drive for Smartphone, Computers, MacBook, Tablets, PC

Jhcztrk 17.3 Inch Portable Monitor HDMI Type-C Laptop Gaming Monitor, 1600X900 with Built-in Speakers and Tripod External Slim Travel Monitors Second Monitors for Mac Smartphone PS4/PS5/ Gaming

2 Pack Micro Memory Card 128 GB with Adapter, C10/U3/UHS-I/A1, TransFlash Card, TF Card for Camera, Smartphone, Tablet, Drone (Red 128GB *2)






















