It's our first update of the year, so we wanted to start off strong with several features for you! 🔥
This week we added Code Expressions, a DataTable Widget, Firebase App Check, Firebase Count Queries, Index at List Operations, FlutterFlow CLI - and more!
We have so much planned for 2023 and can't wait to share it with you all 💜
Code Expressions 🔟
Code Expressions make it fast and easy to perform math operations (e.g. total * (1 + taxRate)), or to use an arbitrary Dart expression without having to go through the process of creating a whole custom function. 👌
To add a code expression select it from "Set From Variable", define your arguments, write your expression and check for errors!
Tip: If you see "Has Errors" you can hover for more details on how to resolve the issue!
DataTable Widget 🧇
Data Tables make it easy for users to scan, find, analyze, and compare data. This powerful UI element can help users understand and digest a large amount of data (e.g. list of customers or credit card transactions).
You can find our new DataTable Widget under Base Elements in the Widget Panel.
Check out the DataTable widget in this cloneable project!
Firestore Count() Queries 🔢
Count queries determine the number of matching documents in a collection. It's much cheaper and faster than running a full query that returns all the matching documents 🙌
To use this in your project, create a backend query > select the collection > select Query Type: count.
Read more about Count Query pricing here.
Firebase App Check 🔐
App Check helps protect your app from illegitimate usage by preventing unauthorized clients from accessing your backend resources. It can be used with Firebase and Google Cloud services, as well as your own APIs.
Want to learn more? Check out these helpful docs from the Firebase Team.
Index In List Operations 🗂
We've added new Index In List Operations to access a specific item in a list - no custom code needed! We've added 3 options to choose from:
First: returns the first item in the list
Last: returns the last item in the list
Specific Index: returns the i-th element in the list
To use this in your project select Set From Variable > select your list > select "Item At Index" in the first dropdown.
Code Exports With FlutterFlow CLI 📤
Our new FlutterFlow CLI allows you to automatically download and unzip your FlutterFlow project code from the terminal! To use this in your project:
Head to My Account and create an API token
Download and Install the FlutterFlow CLI Client
The FlutterFlow CLI client can also be integrated into your build server/ CICD pipelines 🛠 😎
Note: this feature is only available for users on one of our paid plans.
January Design Competition 🎨
We're kicking off the New Year with a Design Challenge. To enter:
Build one page showcasing an event that you are looking forward to in 2023! This could be a future product drop, a movie release, your wedding invitation, or even a travel destination details page. Extra points for creativity!
Submit your Template to Marketplace
Create a Tweet or LinkedIn post with a screenshot of your design and project link with #FFNewYearChallenge
The winner will receive 6 months of FlutterFlow Premium for free. Swag-boxes will be awarded for commendable submissions.
Designs can be submitted until January 22nd, 2023. We can't wait to see the amazing screens you build!
Resources To Become A FlutterFlow Guru🪄
Animations 2.0: learn animation fundamentals along with step-by-step instructions for building some incredible animations in FlutterFlow. Blog Link
Form Validation: Learn how you can use form validation and logic to improve completion rates and user experience. YouTube Link
CSV Import: Learn how to use the FlutterFlow Content Manger to import CSV data in seconds. Blog Link
Other Improvements 🏗️
We've added a new indicator to help you identify which variable is causing an issue in your API call
You can deploy to Web without Search Indexing
We upgraded our WebView widget for better performance
You can now drag to resize buttons directly in the app builder
Bug Fixes 🐛
Fixed an issue when generating children from Variable with a Conditional Value from Supabase.
Fixed an issue with testing custom functions with a user defined data type.
Fixed an issue where SnackBar still showed after executing an upload media to local file action.
Fixed an issue causing incorrect boilerplate code for Custom Actions.
Fixed an issue causing incorrect line numbers to show in Custom Widget errors.
Fixed an issue causing apps to crash when uploading an image.
Fixed an issue that caused an error when writing a specific value to a Local State list.
To report a bug or see the status of a known bug, check out our new GitHub Issue Tracker!
New Features We're Working On 🏗️
Storyboarding
Semantic labels
Actions on Toggle Icons