Skip to content
Docs
FlutterFlow Studio
FlutterFlow
FlutterFlow Studio
Studio troubleshooting
FlutterFlow Designer
Marketplace
Get help
Search
Ctrl
K
Cancel
Open Studio
Menu
FlutterFlow
FlutterFlow Studio
Studio troubleshooting
FlutterFlow Designer
Marketplace
Get help
Getting Started
Quickstart Guide
Roadmap
Before You Begin
App Architecture
Setting Up FlutterFlow Studio
FlutterFlow Studio Platform
Dashboard
App Builder
Toolbar
Canvas
Storyboard
Widget Palette
My Teams
Resource Hierarchy Overview
Resources
Projects
What is a Project?
Create, Find, and Organize Projects
Run and Test Projects
Collaborate on Projects
Settings
General Settings
Project Setup
Pin to FlutterFlow Studio Version
Project APIs
Libraries
Refactor Project
UI Building Blocks
Overview
Pages
Introduction to Pages
Page Properties
Page Elements
Page Actions & Lifecycle
Widgets
Introduction to Widgets
Widget Properties
Basic Widgets
Button
Container
Icons
Image
Text
Composing Widgets
Rows, Column & Stack
Lists & Grids
Generate Dynamic Children
Other Built-in Widgets
Chart
Line Chart
Bar Chart
Pie Chart
AspectRatio
Badge
Barcode
Blur
Calendar
Card
Carousel
Count Controller
Credit Card Form
DataTable
Dividers
Draggable and DragTarget
Expandable
Flippable Card
Markdown
MediaDisplay
MouseRegion
PinCode
ProgressBar
RatingBar
Signature
Slider
Spacer
StickyHeader
SwipeableStack
Tooltip
Transform
Common Widget Properties
Components
Introduction to Components
Creating a Component
Using Components
Component Actions & Lifecycle
Action Parameters (Callbacks)
Child Widget
Widget Builder Parameters
Data Representation
Overview
Variables
Data Types
Custom Data Types
Enums
App State
Constants
Global Properties
Control Flow & Logic
Overview
Control Flow Concepts
Functions
Utility Functions
Actions
Action Triggers
Action Blocks
Conditional Logic
Loops
Utility Actions
User Interactivity
Forms
Form Widgets
Checkbox
ChoiceChips
Dropdown
RadioButton
Switch
TextField
Form Validation
Form Actions
Set Form Field [Action]
Reset Form Field [Action]
Form Triggers
Backend Logic
APIs
API Calls
Create & Test API Calls
SOAP APIs
Streaming APIs
Backend Query
Query Collection / Table
Document From Reference
API Call Query
Algolia Search Query
SQLite Query
Time Based Logic
Wait [Action]
Timer [Widget]
Periodic [Action]
Naming Variables & Functions
Building Concepts
Design System
Layout
Building Layout
Responsive Layout
Responsive Widgets
ConditionalBuilder
Wrap
Flex
State Management
State Variables
Widget State
Navigation & Routing
Overview
Page Navigation
Passing Data
Special Page Navigations
Overview
TabBar
PageView
Deep & Dynamic Linking
FlutterFlow Studio Dynamic Links
Generate Current Page Link
WebView
Bottom Sheet
Share [Action]
Launch URL [Action]
File Handling
Uploading Files
Displaying Media
Download File
Clear or Delete Media
Customizations
Writing Custom Code
Custom Functions
Custom Widgets
Custom Actions
Code File
Configuration Files
Common Examples
Cloud Functions
Visual Studio Code Extension
Animations
Widget Animations
Implicit Animations
Hero Animations
Page Transition Animations
Import Animations
Lottie Animation
Rive Animation
Shaders
Accessibility & Localization
Accessibility
Localization
Alerts
Alert Dialog
Dismiss Custom Dialog
Haptic Feedback
Notifications
Push Notifications
OneSignal
App Events
AI Agent
Advanced
FlutterFlow CLI
Installation
Exporting Projects
Build with AI Agents
Build with Codex
Claude Code Plugin
GenUI Chat
Component Catalog
Tools Configuration
App Event Integration
Integrating Native SDKs Using Method Channels
Testing & Publishing
Branching & Collaboration
Branching
Saving and Versioning
Development Environments
Testing your app
Run your App
Local Run
Test Pilot
Automated Tests
Exporting Code
Push to GitHub Repo
Publishing
Pre-checks Before Publishing
Web Publishing
Google Play Store Deployment
Apple App Store Deployment
Deploy from GitHub
Deploy for Development Environments
Integrations
AI
AI Agents
Gemini
Ads
AdMob
Analytics
Google Analytics
Authentication
Auth Methods
Auth Services
Firebase Auth
Initial Setup
Common Auth Actions
Google OAuth Login
Apple Login
Email Login
Facebook Login
Phone Login
Anonymous Login
JWT Token
GitHub Login
Custom Auth
Tokens
Supabase Auth
Initial Setup
Common Auth Actions
Email Authentication
Google Login
Apple Login
Generated Code
Database
Cloud Firestore
Getting Started
Deploy Firestore Rules
Creating Collections
Creating Subcollections
Firestore Content Manager
Firestore Actions
Supabase
Database Actions
Database Functions
Refresh DB Request Action
Local SQL
SQLite Quickstart
Designer
Import from FF Designer
Firebase
Connect to Firebase
Remote Config
Crashlytics
App Check
Performance Monitoring
Google Cloud
Secure API Keys
Maps
Google Maps
Generate Maps Keys
Google Maps Widget
Move Map Center Action
Place Picker Widget
Mapbox
Static Map Widget
Launch Map
Payments
Braintree
Razorpay
RevenueCat
Stripe
Search
Simple Search
Algolia Search
Storage
Firebase Storage
Deploy Storage Rules
Firebase Storage Library
Streaming
Mux Livestream
Supabase
Supabase Setup
Generated Code
Directory Structure
Custom Data Types
FlutterFlow Studio State Management
FFAppState
FlutterFlow Studio Model
Component Model
Page Model
Accounts & Billing
Subscriptions
Refunds
Account Management
Plans & Pricing
Plan Comparison
Manage Custom Domains
Payments & Billing
Privacy And Terms Of Service
Referral Program
Miscellaneous
Submit Bug Reports
Enterprise
Hire FlutterFlow Developer
Additional Resources To Get Help
Application & Data Ownership
Customer Support Policy
Security
Open Studio
Building by describing your app?
Go to the FlutterFlow docs
Resources
Copy page
View as Markdown
Ask in Claude
Ask in ChatGPT
Ask in Gemini
Copies the prompt
FlutterFlow Studio Resources
Projects
7 items
UI Building Blocks
4 items
Data Representation
8 items
Control Flow & Logic
6 items
Naming Variables & Functions
Naming conventions for FlutterFlow Studio, including guidelines for widgets, components, state variables, constants, and more.
×
Previous
Resource Hierarchy Overview
Next
What is a Project?