
Learn FlutterFlow fundamentals with the free plan, covering widgets, actions, business logic, and animated interfaces. Consider pro plan for full features, deployment, and code download after a free trial.
Explore the Flutterflow project list, marketplace, and resources to manage, share, and customize projects with templates, components, and custom code for teams.
Update to the last version of FlutterFlow to access new widgets and features. Preview your app across devices and orientations using adaptive canvas sizes, including custom 1080x1080 and keyboard considerations.
Use the command palette and keyboard shortcuts to jump to plan or login pages, add pages, and apply actions, while noting copy-paste shortcuts work best in English keyboards.
Save versions with descriptions as you finish work, then use snapshots to check a version, and restore or revert to a prior state.
Identify FlutterFlow project issues by reviewing warnings and errors, read error messages, and fix problems from deleted parameters to Firestore queries so the app runs.
Explore how project comments empower teamwork in Flutterflow, enabling you to add comments to a specific element, assign them to a user, and mark issues as resolved in internal projects.
Navigate the flutterflow developer menu to view and copy code for pages, components, and custom functions, then connect to GitHub for deployment sources and download apk builds for testing.
Learn how to share your Flutterflow project using the share icon, toggle public or private, protect private keys and sensitive data, and manage clone access via a shareable link.
Master Flutterflow preview, test, and run builds to prototype UI, debug with instant reloads, and share persistent run links for database-enabled apps. Explore canvas sizes, adaptive design, and seamless collaboration.
Navigate the flutterflow ui builder to use widgets, components, and templates; edit components across pages, and search for ui elements with independent search fields.
Explore the widget tree in Flutterflow, mastering the parent–child hierarchy, and use the lock icon and view toggles to navigate the side panel and widget tree.
Master the FlutterFlow page selector to view, select, duplicate, and manage pages and widgets; create pages or components from templates and organize with folders.
Review Firestore inside FlutterFlow, explore collections and subcollections, fields and data types, manage content, and deploy updates to Firebase, with schema validation and rules.
Create and manage local app state in Flutterflow by adding state variables, choosing data types, and toggling persistence so data can be stored or erased on app close.
Navigate the Flutterflow API review by examining API groups and API calls, and learn to create, delete, or duplicate groups. Access the docs to deepen API knowledge.
Navigate project media assets in Flutterflow, storing videos, photos, images, and Json animations. Upload, select, and delete media, and choose sources from project assets or links for widgets and backgrounds.
Explore Flutter Flow's custom code features, including custom functions, widgets, and actions, with examples like OpenAI Codex and testing functions, using team plans.
Start a FlutterFlow project, explore core widgets, customize themes and fonts, enable the navigation bar, and create an onboarding home page while postponing Firebase setup for later testing.
Learn to build a multi-page onboarding screen in FlutterFlow using a page view widget, with images, text, and sign-in or sign-up buttons, and customize alignment and padding.
Learn to build sign-in and sign-up flows in FlutterFlow, configure Firebase authentication, create a users collection, and implement onboarding to home navigation.
Create a FlutterFlow profile flow to upload up to four images, validate uploads, update Firestore with phone, display name, and photo URL, then navigate home.
Build the home page with a swipeable post list queried from the backend, excluding the current user, using dynamic user images and a nav bar for the couples page.
Create reusable components with FlutterFlow, add a match card using containers, stacks, and images, and apply a slide-in animation for the MVP on the matching page.
Master flutterflow app development by implementing a like/dislike flow with swipe gestures, document updates, and match triggering. Pass profile images as parameters when a match occurs.
Add more info to your flutterflow app by creating a locations collection with city, country, description, and images, and update user profiles with city, country, and about me.
Rebuild the Flutterflow app by debugging a page view bug and replacing it with a single image row, implementing backend updates, conditional match display, and left/right swipes.
Create a new location page in FlutterFlow with a place picker, city and country fields, a description, and an image uploader saving to Firestore locations.
FlutterFlow app development teaches creating a user detail page and passing a user document parameter to the profile page; display name, city, country, and about me appear with hero animation.
Explore building a marketplace page with Stripe payment in FlutterFlow, including color options for merch, a t-shirt price, and test mode keys, Apple Pay setup, and Google Pay support.
Create a location detail page in FlutterFlow that displays a map with a single location marker, shows city, country, and description, and passes a location document parameter from the list.
Learn how to add a chat in FlutterFlow by upgrading to pro for chat access, creating a chat page with your theme, and wiring navigation with a chat user parameter.
Explore action outputs in FlutterFlow by creating a new location, passing it as a parameter to the location detail page, and navigating back to show its details.
Explore how to build an edit location page in FlutterFlow, using if-else logic to show city and country, manage images, and save to Firebase.
Set up a Firebase project for FlutterFlow, including analytics, bundle IDs, editor roles, Google Maps API keys, Firestore, authentication options, dynamic links, push notifications, and config file integration.
Deploy FlutterFlow apps to the App Store without a Mac using CodeMagic, App Store Connect, and your Apple developer credentials, including bundle ID, issuer ID, private key, and key ID.
Deploy a FlutterFlow app to the Google Play Store by configuring the Play Console, creating a service account with a JSON key, and uploading the app bundle through internal testing.
Use ChatGPT and Midjourney to generate app ideas, describe features, and create visuals. Draft home page visuals applying UX UI rules and technical documentation for startup or client in Figma.
Welcome to the "FlutterFlow App Development" course! In this comprehensive and hands-on course, you will learn how to build stunning mobile applications using FlutterFlow, a powerful visual development tool. Whether you're a beginner or an experienced developer, this course will equip you with the skills and knowledge to create professional-grade apps without writing code.
Throughout the course, you will dive deep into FlutterFlow and explore its various features and functionalities. Starting with the basics, you will learn how to navigate the FlutterFlow interface, utilize essential components like columns, rows, and containers, and implement interactive features such as text fields and navigation elements.
As you progress, you will build real-world applications in different domains, including social media, booking, marketplace, and CRM. You will learn how to integrate Firebase for data storage and authentication, connect with external services like Stripe for payments, and implement advanced features such as in-app subscriptions.
Additionally, you will gain hands-on experience in customizing app designs, adding animations, and optimizing user experiences. You will also learn best practices for testing, debugging, and deploying your apps to both the App Store and Play Store.
By the end of this course, you will have the confidence and skills to create powerful, visually stunning, and fully functional mobile applications using FlutterFlow. Join us on this exciting journey and unlock a world of possibilities in app development!