User Defined Components Section #29
Conversation
|
|
There was a problem hiding this comment.
Hey @PoojaB26 This looks great in overall. However, I have added some review comments. Mostly they are related to polishing docs.
We could also add this and this (not in detail but just a brief is fine) Also the youtube video and FAQs.
| # Components | ||
|
|
||
| Components in FlutterFlow are reusable elements you design once and utilize throughout your app | ||
| to save time, ensure consistency, and simplify maintenance. |
There was a problem hiding this comment.
We can have a pause somewhere in between (e.g., Components in FlutterFlow are reusable elements. You design once and use them throughout your app to save time, ensure consistency, and simplify maintenance.)
| importance of reducing repetition within code and design. | ||
| ::: | ||
|
|
||
| Leveraging components effectively helps you build a consistent, efficient, and maintainable app. |
There was a problem hiding this comment.
Why? :/ That would be grammatically incorrect then
| out-of-the-box solutions provided by FlutterFlow that can be directly integrated into any project | ||
| to offer specific functionalities. | ||
|
|
||
| - **User-Defined Components:** Users can also build their own components by assembling multiple |
There was a problem hiding this comment.
Can we change 'Users' to 'You' to make it more direct? (e.g., You can build your own components by assembling multiple widgets using FlutterFlow’s drag-and-drop interface.)
| Components can be used in various scenarios to accelerate your app development process. Here are | ||
| some common use-cases. | ||
|
|
||
| 1. Design a **standard button once** and reuse it across multiple screens to maintain a cohesive |
There was a problem hiding this comment.
We can make this unordered list since the use cases are not in specific order.
|
|
||
| ## Types of Components in FlutterFlow | ||
|
|
||
| - **Built-in Widgets:** FlutterFlow includes a variety of built-in pre-defined widgets that |
There was a problem hiding this comment.
We can:
2. Link 'Built-in Widgets:' to its specific page.
3. Change 'Built-in Widgets' to 'Built-in Components' same as title for its dedicated page.
| :::note | ||
| You can set the **Data Type** of your Component State variable to any primitive data types such as * | ||
| *String, | ||
| Integer, Boolean, Double** or to any other complex built-in data types such as **Enum, Custom Data |
There was a problem hiding this comment.
String, Integer, Boolean, Double shows as it is on a page.
There was a problem hiding this comment.
Yeah some issue with formatting pages, it just brings them to next line and then the ** ** is not applied properly.
|
|
||
| Follow the steps as below: | ||
|
|
||
| <div style={{ |
There was a problem hiding this comment.
This arcade seems to be broken :(
| component state, call an action called **Update Component State** from the Action Flow Editor | ||
| of the component. | ||
|
|
||
| In the following demo, we open the Action Flow Editor on the parent widget` Conditional Builder` and |
There was a problem hiding this comment.
Extra space in code block. should be 'Conditional Builder'
|
|
||
| #### Rebuild on Update | ||
|
|
||
| When updating your component state in Flutter, you'll often come across the **Update |
There was a problem hiding this comment.
'Flutter' to 'FlutterFlow'
There was a problem hiding this comment.
Great catch, thanks!
| and use rebuilds judiciously to maintain optimal app performance. | ||
|
|
||
| To learn more about what happens behind the scenes, refer to | ||
| the [Generated Page] section. |
There was a problem hiding this comment.
Generated Page in bold and add a link placeholder(#) so later we can target empty links easily.
|
@pinkeshmars Addressed all the comments! |
Description
Provide a brief overview of what this documentation update is about. Explain what sections or topics are being added or revised.
Linear ticket and magic word Fixes DEVR-331
Type of change