The UI Builder gives you access to all the UI elements on FlutterFlow. These are basically Flutter widgets that you can drag and drop on the canvas. The search bar is handy if you want to quickly search for any specific widget that you want to add to your app.
The UI Builder consists of four tabs; each allows you to add the following types of widgets:
From here, you can access all the standard FlutterFlow widgets. They are organized into the following categories based on their purpose, making it easier to navigate and find the appropriate widget for your app.
- 4.Page Elements: These widgets can be added to any page of the app. They typically have a pre-fixed location, so you can add only one of the same type of widget on a page (for example, you can't add more than one AppBar to the same page).
- 5.Form Elements: These widgets are specifically designed to create forms in your app, enabling you to display and send data values to the local database or backend. Popular widgets in this category include TextField, Dropdown, RadioButton, Form, CheckboxGroup.
Components are widgets with certain functionality that can be reused throughout your app. They are made out of standard widgets or custom widgets. Once you create a component or custom widget, you can access it from here.
Templates widgets are predefined and ready-to-use widgets. This includes the UI elements that are very common in most apps and can serve as the starting point in creating the part of the user interface. You can also create your own template from the standard widget.
The Theme Widgets allow you to customize the visual appearance of a single widget and then reuse it throughout the app. Once you create a theme widget, you can access it from here.