The custom code feature in FlutterFlow allows you to extend functionality by accessing generated classes and modifying global variables like App States and FlutterFlow themes. This guide covers common scenarios where you can leverage custom code to enhance your project by working directly with data models and other resources within your code.

You can effortlessly define and manage JSON Paths for your API calls in FlutterFlow to parse and extract the data you need. Once added you can use them as Predefined Path while accessing the JSON Body .

FlutterFlow is a visual development platform that lets you build mobile, web, and desktop apps incredibly fast, without sacrificing quality or features. Before You Begin Ensure you meet system requirements and grasp technical concepts for smooth building in FlutterFlow.

Jumpstart your FlutterFlow journey with our Quick Start Guide. Learn to build a dynamic app and explore essential FlutterFlow features like UI building, state management, and app execution.

Explore the Resource Hierarchy Overview to understand the correlation between traditional Flutter app components and their equivalents in FlutterFlow.

App State. App state variables are specific variables that hold the current state of an application. They can be accessed and modified throughout the entire application across all pages and components.

Some examples in FlutterFlow are: Built-in Utility Functions : Functions that perform general utility tasks, such as formatting data or performing calculations. In FlutterFlow, you can use Code Expression for simple data manipulation tasks or use the Combine Text built-in function to concatenate strings.

Let's see how you can use streaming APIs in FlutterFlow by building an example that allows users to see an AI summary of product reviews. On page load, the app displays the AI summary in real-time, letting users watch the analysis unfold as it's being generated.

Learn how to write and integrate custom code in your FlutterFlow app to add custom functionalities.

Each widget represents a fundamental UI element that contributes to the overall layout and functionality of your app. In FlutterFlow, you create your app's UI by combining basic widgets like Text, Button and Container with more complex, multi-child widgets like Rows, Column, Lists.