FlutterFlow FAQ

Answers to your most common questions about FlutterFlow.

Quick, simple, and helpful information at a glance.

What is FlutterFlow?
FlutterFlow is a web-based platform for creating and deploying mobile and web applications using the Flutter framework.
Why am I getting the error "Flutter SDK not found" when trying to create a project on FlutterFlow?
This error occurs when Flutter SDK is not installed on your computer. Install Flutter SDK from the official Flutter website and make sure to add it to your PATH variable.
How can I add a custom font to my FlutterFlow project?
To add a custom font, first import the font file into your project directory. Then, add the font to your pubspec.yaml file and use it in your Flutter code by specifying the font family.
Why is my app not displaying correctly on different screen sizes?
This could be due to improper use of layout widgets. It is important to use responsive layout widgets like Expanded, Flexible, or MediaQuery to ensure your app looks good on all screen sizes.
Can I use plugins from pub.dev in my FlutterFlow project?
Yes, you can use plugins from pub.dev by adding them to your pubspec.yaml file and importing them into your project.
I am unable to connect to my database on FlutterFlow. What could be the issue?
Make sure your database credentials are correct and that your database is accessible from the internet. You can also check the network and firewall settings of your database.
How do I handle user authentication in my FlutterFlow project?
FlutterFlow has built-in user authentication capabilities. You can set up authentication methods like email/password, Google sign-in, or Facebook login using the "Authentication" section in your project settings.
I am receiving a "widget tree exhausted" error. What does this mean?
This error means that your app has nested too many levels of widgets, causing performance issues. Try to simplify your widget tree by using stateless widgets and minimizing the use of AnimatedBuilder and StreamBuilder widgets.
Can I use my own backend with FlutterFlow?
Yes, you can integrate your own backend with FlutterFlow using the "API" section in your project settings. This will allow you to fetch and send data to your server.
How can I add animations to my FlutterFlow app?
FlutterFlow provides built-in animations, or you can use packages from pub.dev to add more complex animations. You can also use the Visual Designer to add basic animations to your UI elements.
Why is my app crashing on startup?
There could be various reasons for this, such as missing dependencies, incorrect coding, or an issue with the Flutter SDK. Check the logs for any error messages to identify the problem.
How can I deploy my FlutterFlow app to different platforms?
FlutterFlow allows you to deploy your app to both iOS and Android devices. You can also export your project to code and deploy it to other platforms like web and desktop.
How do I add push notifications to my FlutterFlow app?
FlutterFlow has built-in push notification capabilities. You can set up push notifications by using the "Notifications" section in your project settings and following the step-by-step instructions.
Why am I not seeing changes reflected in the preview section of FlutterFlow?
This could be due to a caching issue. Try refreshing the preview or clearing your browser's cache and reloading the page.
How can I collaborate with others on my FlutterFlow project?
You can invite team members to your project by going to the "Users" section in your project settings and clicking "Invite User". They will be able to access and edit the project with you.
My app keeps crashing after I added a new feature. How can I debug this issue?
You can use FlutterFlow's built-in debugging tools to identify the issue. You can also use the Flutter devtools or run your app in debug mode to get more detailed error messages.
Why am I getting an "invalid syntax" error in my code?
This error could be due to a mistake in your code, such as missing a semicolon or using incorrect syntax. Check your code for any errors or refer to the official Flutter documentation for correct syntax.
How can I add a dark mode to my FlutterFlow app?
You can use Flutter's built-in MediaQuery functions or packages from pub.dev to add a dark mode to your app. You can also use the Visual Designer to easily toggle between light and dark mode in your app.
Can I create a web app using FlutterFlow?
Yes, you can create web apps using FlutterFlow. You can deploy your app to the web by going to the "Deploy" section in your project settings and selecting "Web".
How do I add animations to my FlutterFlow app?
FlutterFlow provides built-in animations, or you can use packages from pub.dev to add more complex animations. You can also use the Visual Designer to add basic animations to your UI elements.
Why is my API request failing?
There could be various reasons for this, such as incorrect API endpoint or credentials, server downtime, or network issues. Check your request parameters and make sure your API is functioning properly.
How can I add a splash screen to my FlutterFlow app?
FlutterFlow has a built-in splash screen feature that can be enabled by going to the "App Settings" section and uploading a splash screen image. You can also use a package from pub.dev for more customization options.
Can I preview my FlutterFlow app on different devices?
Yes, you can preview your app on different devices by clicking the "Preview" button and selecting the desired device size and orientation.
How do I update my app icon in FlutterFlow?
You can change your app icon by going to the "App Settings" section and uploading a new icon image. Make sure the image size is 1024x1024 pixels and in PNG format.
Why am I getting a "no such table" error when trying to retrieve data from a database?
This error means that the table you are trying to access does not exist in the database. Make sure your table name and database credentials are correct and that the table has been properly created.
How can I create custom animations in FlutterFlow?
You can use packages from pub.dev like 'animated_text_kit' and 'flutter_sequence-animation' to create more customized animations in your FlutterFlow app.
Why am I not able to load images in my app?
This could be due to incorrect file paths or incorrect widget properties like the 'fit' property. Make sure your image file paths are correct and that the 'fit' property is set to BoxFit.cover.
Can I use Google Maps in my FlutterFlow app?
Yes, you can use Google Maps in your app by using the 'flutter_google_maps' package from pub.dev. You will need to obtain an API key from the Google Cloud Platform to use this package.
How do I add custom styling to my FlutterFlow app?
You can add custom styling by editing your project's 'main.scss' file. This file contains the global styling for your app, which