{"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 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 Widgets1) Container Widget The container… Continue Reading Flutter Widgets<\/span><\/i><\/a><\/p>\n","protected":false},"author":505,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_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":""},"categories":[1],"tags":[],"class_list":{"0":"post-7956","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-uncategorized","7":"h-entry","9":"h-as-article"},"yoast_head":"\nPheonix Solutions - We Empower Your Business Growth<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pheonix Solutions - We Empower Your Business Growth\" \/>\n<meta property=\"og:description\" content=\"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 Widgets1) Container Widget The container… Continue Reading Flutter Widgets\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/\" \/>\n<meta property=\"og:site_name\" content=\"PHEONIXSOLUTIONS\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-15T13:10:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-15T13:10:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/09\/PX2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"3837\" \/>\n\t<meta property=\"og:image:height\" content=\"2540\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Prakash\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@pheonixsolution\" \/>\n<meta name=\"twitter:site\" content=\"@pheonixsolution\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Prakash\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/\"},\"author\":{\"name\":\"Prakash\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/person\\\/4e4230edce1dadfd21981d37b7b62ff4\"},\"headline\":\"Flutter Widgets\",\"datePublished\":\"2024-06-15T13:10:36+00:00\",\"dateModified\":\"2024-06-15T13:10:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/\"},\"wordCount\":325,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/\",\"name\":\"Pheonix Solutions - We Empower Your Business Growth\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#website\"},\"datePublished\":\"2024-06-15T13:10:36+00:00\",\"dateModified\":\"2024-06-15T13:10:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/flutter-widgets\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Flutter Widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\",\"name\":\"Pheonix Solutions\",\"description\":\"We Empower Your Business Growth\",\"publisher\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#organization\",\"name\":\"PheonixSolutions\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/12\\\/logo.png\",\"width\":454,\"height\":300,\"caption\":\"PheonixSolutions\"},\"image\":{\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/PheonixSolutions-209942982759387\\\/\",\"https:\\\/\\\/x.com\\\/pheonixsolution\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/#\\\/schema\\\/person\\\/4e4230edce1dadfd21981d37b7b62ff4\",\"name\":\"Prakash\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/81aba64abae80528048a50de19c3f79ceacc2a55064949f95735d30ff9f40c32?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/81aba64abae80528048a50de19c3f79ceacc2a55064949f95735d30ff9f40c32?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/81aba64abae80528048a50de19c3f79ceacc2a55064949f95735d30ff9f40c32?s=96&r=g\",\"caption\":\"Prakash\"},\"url\":\"https:\\\/\\\/pheonixsolutions.com\\\/blog\\\/author\\\/prakash\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pheonix Solutions - We Empower Your Business Growth","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/","og_locale":"en_US","og_type":"article","og_title":"Pheonix Solutions - We Empower Your Business Growth","og_description":"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 Widgets1) Container Widget The container… Continue Reading Flutter Widgets","og_url":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/","og_site_name":"PHEONIXSOLUTIONS","article_publisher":"https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/","article_published_time":"2024-06-15T13:10:36+00:00","article_modified_time":"2024-06-15T13:10:38+00:00","og_image":[{"width":3837,"height":2540,"url":"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/09\/PX2.png","type":"image\/png"}],"author":"Prakash","twitter_card":"summary_large_image","twitter_creator":"@pheonixsolution","twitter_site":"@pheonixsolution","twitter_misc":{"Written by":"Prakash","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/#article","isPartOf":{"@id":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/"},"author":{"name":"Prakash","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/person\/4e4230edce1dadfd21981d37b7b62ff4"},"headline":"Flutter Widgets","datePublished":"2024-06-15T13:10:36+00:00","dateModified":"2024-06-15T13:10:38+00:00","mainEntityOfPage":{"@id":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/"},"wordCount":325,"commentCount":0,"publisher":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#organization"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/","url":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/","name":"Pheonix Solutions - We Empower Your Business Growth","isPartOf":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#website"},"datePublished":"2024-06-15T13:10:36+00:00","dateModified":"2024-06-15T13:10:38+00:00","breadcrumb":{"@id":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pheonixsolutions.com\/blog\/flutter-widgets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pheonixsolutions.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Flutter Widgets"}]},{"@type":"WebSite","@id":"https:\/\/pheonixsolutions.com\/blog\/#website","url":"https:\/\/pheonixsolutions.com\/blog\/","name":"Pheonix Solutions","description":"We Empower Your Business Growth","publisher":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pheonixsolutions.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pheonixsolutions.com\/blog\/#organization","name":"PheonixSolutions","url":"https:\/\/pheonixsolutions.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/12\/logo.png","contentUrl":"https:\/\/pheonixsolutions.com\/blog\/wp-content\/uploads\/2016\/12\/logo.png","width":454,"height":300,"caption":"PheonixSolutions"},"image":{"@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/PheonixSolutions-209942982759387\/","https:\/\/x.com\/pheonixsolution"]},{"@type":"Person","@id":"https:\/\/pheonixsolutions.com\/blog\/#\/schema\/person\/4e4230edce1dadfd21981d37b7b62ff4","name":"Prakash","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/81aba64abae80528048a50de19c3f79ceacc2a55064949f95735d30ff9f40c32?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/81aba64abae80528048a50de19c3f79ceacc2a55064949f95735d30ff9f40c32?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/81aba64abae80528048a50de19c3f79ceacc2a55064949f95735d30ff9f40c32?s=96&r=g","caption":"Prakash"},"url":"https:\/\/pheonixsolutions.com\/blog\/author\/prakash\/"}]}},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p7F4uM-24k","jetpack_sharing_enabled":true,"_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}]}}