Controls
Flet Client
Flet Daemon
Samples apps
Website
Controls
Flet Client
✓ Status | Flet | Pglet | Sprint |
---|---|---|---|
Layout | |||
✓ | Container | Stack | S1 |
✓ | Row | Stack horizontal=True | S1 (flex, wrap) |
✓ | Column | Stack horizontal=False | S1 (flex, wrap) |
✓ | Stack | - | S1 |
✓ | ListView | Stack horizontal=False | S1 |
Divider | - | ||
Spacer | - | ||
✓ | GridView | - | S1 |
SplitView | SplitStack | ||
Card | - | ||
Basic controls | |||
✓ | Text | Text | S1 |
Markdown | Text markdown=True | ||
✓ | Icon | Icon | S1 |
✓ | Image | Image | S1 |
✓ | CircleAvatar | Persona | S1 |
Chip | - | ||
To-Do | Link | ||
✓ | ProgressBar | Progress | S1 |
✓ | ProgressRing | Spinner | S1 |
Buttons | |||
✓ | ElevatedButton | Button primary=True | S1 |
✓ | OutlinedButton | Button primary=False | S1 |
✓ | TextButton | Button action=True | S1 |
✓ | IconButton | Button icon={icon_name} | S1 |
PopupMenuButton | Button with MenuItems | ||
✓ | FloatingActionButton | - | S1 |
Input and selections | |||
✓ | Checkbox | Checkbox | S1 |
✓ | Radio | ChoiceGroup | S1 |
✓ | Dropdown | Dropdown | S1 |
✓ | - | ComboBox | |
DatePicker | DatePicker | ||
TimePicker | - | ||
[Example] | SearchBox | ||
✓ | Slider | Slider | S1 |
✓ | TextField | Textbox | S1 |
✓ | Switch | Toggle | S1 |
SpinBox | SpinButton | ||
Dialogs, alerts, and panels | |||
✓ | Banner | Message | S1 |
✓ | SnackBar | - | S1 |
✓ | AlertDialog | Dialog | S1 |
SimpleDialog | - | ||
BottomSheet | - | ||
ExpansionPanel | - | ||
App structure and navigation | |||
Appbar | |||
BottomNavigationBar | |||
Drawer | |||
TabBar | |||
✓ | Tabs | Tabs | |
Grids | |||
DataTable | Grid | ||
Table | - | ||
Utility controls | |||
- | Html | ||
- | IFrame | ||
- | Persona |
Base control class.
Properties:
disabled
expand (int) - The control is forced to fill the available space inside Row or Column. Flex factor specified by the property. Default is 1. The property has affect only for direct descendants of Row and Column controls. (Wrap control into Expanded).
flex (S2) (int) - The child can be at most as large as the available space (but is allowed to be smaller) inside Row or Column. Flex factor specified by the property. Default is 1. The property has affect only for direct descendants of Row and Column controls. (Wrap control into Flexible with fit=FlexFit.loose).
The only difference if you use Flexible instead of Expanded, is that Flexible lets its child have the same or smaller width than the Flexible itself, while Expanded forces its child to have the exact same width of the Expanded. But both Expanded and Flexible ignore their children’s width when sizing themselves.
maxWidth (S2) - wrap into ConstrainedBox
fit (S2)
fitAlign (S2) - Wrap into FittedBox
opacity - allows to specify transparency of the control, hide it completely or blend with another if used with Stack. 0.0 - hidden, 1.0 - fully visible. See https://api.flutter.dev/flutter/widgets/Opacity-class.html.
More info:
Docs:
Properties:
vertical
(default), horizontal
.Docs: https://api.flutter.dev/flutter/material/ListTile-class.html
Properties:
Docs: https://api.flutter.dev/flutter/widgets/GridView-class.html
Properties:
vertical
(default), horizontal
.Docs: https://api.flutter.dev/flutter/widgets/Card-class.html
Docs: https://api.flutter.dev/flutter/widgets/Divider-class.html
Properties:
Docs: https://api.flutter.dev/flutter/material/Text-class.html
Selectable text docs: https://api.flutter.dev/flutter/material/SelectableText-class.html
TextTheme: https://api.flutter.dev/flutter/material/TextTheme-class.html
center
, end
, justify
, left
, right
, start
(for RTL and LTR texts)bold
, normal
, w100
, w200
, ... see allclip
, ellipsis
, fade
, visible
Docs: https://api.flutter.dev/flutter/widgets/Icon-class.html
Icons list: https://raw.githubusercontent.com/flutter/flutter/master/packages/flutter/lib/src/material/icons.dart
Properties:
Docs: https://api.flutter.dev/flutter/widgets/Image-class.html
Properties:
Properties:
Events:
Docs: https://api.flutter.dev/flutter/material/Radio-class.html
Properties:
Events:
Docs: https://api.flutter.dev/flutter/material/Switch-class.html
Properties:
{value}
Events:
Docs: https://api.flutter.dev/flutter/material/Switch-class.html
Properties:
Events:
Docs: https://api.flutter.dev/flutter/material/Checkbox-class.html
Properties:
Events:
Docs: https://api.flutter.dev/flutter/material/DropdownButtonFormField-class.html
Properties:
tooltip
value
options
autofocus
Events:
Docs: https://api.flutter.dev/flutter/material/TextFormField-class.html
Properties:
autofocus
value
keyboardType
multiline
minLines
maxLines
password
canRevealPassword - true/false
readOnly
shiftEnter
textAlign
Events:
Docs: https://api.flutter.dev/flutter/material/AlertDialog-class.html
Properties:
Events:
Docs: https://api.flutter.dev/flutter/material/MaterialBanner-class.html
Properties:
Docs: https://api.flutter.dev/flutter/material/SnackBar-class.html
Properties:
Events:
Properties:
Events: