Text Form Field
Last updated
Last updated
The Text Form Field widget is used to create a text input field in your app. This widget is essential for collecting user input, such as names, email addresses, passwords, and other text-based data.
In the Widget Tree builder, you can pick and insert the Text Form Field widget from the widget panel onto your canvas.
Positioning: Place the Text Form Field widget where you want it in your layout. You can use the layout properties to adjust its position and size.
Prefix: Use to Insert any Elements (Icon, image) before the Text form field.
Suffix: Use to Insert any or a set of Widgets (Icon, image) after the Text form field.
Label Text: Set a label for your text field, which will appear above the input.
Hint Text: Add hint text to provide a placeholder inside the text field.
Text Input Type: Specify the type of keyboard that appears (e.g., text, email, number, password).
Read-Only: Make the text field read-only if you don’t want users to edit the text.
Enabled: Control whether the text field is enabled or disabled.
Customize the font, size, color, and other text properties.
Add borders, icons, and other decorations to the text field.
Adjust the padding and margin to control the spacing around the text field.