{"id":7956,"date":"2024-06-15T18:40:36","date_gmt":"2024-06-15T13:10:36","guid":{"rendered":"https:\/\/pheonixsolutions.com\/blog\/?p=7956"},"modified":"2024-06-15T18:40:38","modified_gmt":"2024-06-15T13:10:38","slug":"flutter-widgets","status":"publish","type":"post","link":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/","title":{"rendered":"Flutter Widgets"},"content":{"rendered":"\n

Flutter widgets are the fundamental building blocks of a flutter app’s UI.They describe what their view should like given theor current configuration and state.here are the some types of Widgets

1)Basic Widgets
2)Input Widgets
3)LAyout Widgets
4)Animation and Motion Widgets
5)Specialized Widgets
6)Custom Widgets

Basic Widgets<\/strong>
1) Container Widget
The container widgets in flutter is a verstile and commonly used widget that combines several other widgets into a singe one .It can be used for layout,styling and positioning purposes

Properties
1)alignment
2)padding
3)margin
4)color
5)decoration

2)Text Widget
Text widgets in flutter are the essential for displaying stringd of text in your app.They offer various properties for styling and positioning text

3)Row and Column Widget
The Row and Column widgets in flutter are essential for creating layouts by arranging childrean horizontally and vertically respectively.
Row Widget — The row widget arranges its children in a horizontal sequence
Column Widet — The column widget arranges its children in a vertical sequence<\/p>\n\n\n\n


Input Widget<\/strong>
Input widgets in Flutter allow users to enter data. These widgets are essential for forms, search fields, and other interactive elements where user input is required

1)TextField
The TextField widget is the most commonly used input widget for text input.
Properties:
controller: Controls the text being edited.
decoration: Adds decoration like borders, labels, and icons.
keyboardType: Configures the keyboard type (e.g., text, number, email).
obscureText: Hides the input text (useful for passwords).
onChanged: Called when the text is changed.
onSubmitted: Called when the user submits the text.

2)TextFormField
The TextFormField widget is a variant of TextField used inside a Form. It integrates with form validation.
Properties:
validator: Validates the text.
autovalidateMode: Controls when to validate (e.g., on user interaction).
decoration: Adds decoration like borders, labels, and icons.

3)Checkbox
The Checkbox widget is used for boolean values (checked or unchecked).
Properties:
value: The current state of the checkbox (true or false).
onChanged: Called when the state of the checkbox changes.<\/p>\n\n\n\n



<\/p>\n\n\n\n


<\/p>\n\n\n\n



<\/p>\n","protected":false},"excerpt":{"rendered":"

Flutter widgets are the fundamental building blocks of a flutter app’s UI.They describe what their view should like given theor […]<\/p>\n","protected":false},"author":505,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1021],"tags":[],"class_list":["post-7956","post","type-post","status-publish","format-standard","hentry","category-mobile-flutter","psol-cat-mobile-flutter"],"jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/phn2x7-24k","jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/7956","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/users\/505"}],"replies":[{"embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/comments?post=7956"}],"version-history":[{"count":0,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/posts\/7956\/revisions"}],"wp:attachment":[{"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/media?parent=7956"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/categories?post=7956"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pheonixsolutions.com\/blog\/wp-json\/wp\/v2\/tags?post=7956"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}