{"id":77,"date":"2024-07-04T07:49:11","date_gmt":"2024-07-04T07:49:11","guid":{"rendered":"https:\/\/flutterfever.com\/news\/?p=77"},"modified":"2024-07-04T07:49:12","modified_gmt":"2024-07-04T07:49:12","slug":"understanding-flutter-widgets","status":"publish","type":"post","link":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/","title":{"rendered":"Understanding Flutter Widgets"},"content":{"rendered":"\n<p>Flutter, Google\u2019s UI toolkit for constructing natively compiled packages for mobile, web, and computer from a single codebase, has received large recognition amongst developers. One of the core standards in Flutter is the&nbsp;<strong>widget<\/strong>. In this blog, we\u2019ll dive deep into understanding what widgets are, the distinct sorts of widgets, and how to efficaciously use them for your Flutter packages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10-1024x476.png\" alt=\"\" class=\"wp-image-78\" srcset=\"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10-1024x476.png 1024w, https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10-300x139.png 300w, https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10-768x357.png 768w, https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png 1256w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_69_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#What_is_a_Widget\" title=\"What is a Widget?\">What is a Widget?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Types_of_Widgets\" title=\"Types of Widgets\">Types of Widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Stateless_Widgets\" title=\"Stateless Widgets\">Stateless Widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Example\" title=\"Example:\">Example:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Stateful_Widgets\" title=\"Stateful Widgets\">Stateful Widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Example-2\" title=\"Example:\">Example:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Composing_Widgets\" title=\"Composing Widgets\">Composing Widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Example-3\" title=\"Example:\">Example:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Custom_Widgets\" title=\"Custom Widgets\">Custom Widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Example-4\" title=\"Example:\">Example:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_a_Widget\"><\/span>What is a Widget?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>In Flutter, everything is a widget. Widgets are the building blocks of a Flutter app\u2019s user interface. Each widget is an immutable description of part of the person interface. Unlike conventional UI frameworks, Flutter\u2019s widget system permits for a surprisingly customizable and bendy UI. Widgets may be used for each structural elements (like buttons or textual content) and stylistic elements (like fonts and colours).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Types_of_Widgets\"><\/span>Types of Widgets<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Flutter widgets are broadly classified into two categories:&nbsp;<strong>Stateless<\/strong>&nbsp;and&nbsp;<strong>Stateful<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Stateless_Widgets\"><\/span>Stateless Widgets<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>A StatelessWidget is a widget that doesn\u2019t require mutable state. This way that once the widget is built, it cannot change. Stateless widgets are perfect for static content material or UI factors that don\u2019t alternate over time or in response to user interactions.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Example\"><\/span>Example:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\n\nclass MyStatelessWidget extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return Center(\n      child: Text('Hello, Flutter!'),\n    );\n  }\n}\n\nvoid main() =&gt; runApp(MaterialApp(\n  home: Scaffold(\n    appBar: AppBar(title: Text('Stateless Widget Example')),\n    body: MyStatelessWidget(),\n  ),\n));\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Stateful_Widgets\"><\/span>Stateful Widgets<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>A StatefulWidget is a widget that can alternate over time. Stateful widgets are dynamic and can react to user inputs, animations, or other events. They keep a mutable state, which may be updated using the setState() technique, triggering a rebuild of the widget.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Example-2\"><\/span>Example:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\n\nclass MyStatefulWidget extends StatefulWidget {\n  @override\n  _MyStatefulWidgetState createState() =&gt; _MyStatefulWidgetState();\n}\n\nclass _MyStatefulWidgetState extends State&lt;MyStatefulWidget&gt; {\n  int _counter = 0;\n\n  void _incrementCounter() {\n    setState(() {\n      _counter++;\n    });\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Center(\n      child: Column(\n        mainAxisAlignment: MainAxisAlignment.center,\n        children: &lt;Widget&gt;&#91;\n          Text('You have pushed the button this many times:'),\n          Text(\n            '$_counter',\n            style: Theme.of(context).textTheme.headline4,\n          ),\n          ElevatedButton(\n            onPressed: _incrementCounter,\n            child: Text('Increment Counter'),\n          ),\n        ],\n      ),\n    );\n  }\n}\n\nvoid main() =&gt; runApp(MaterialApp(\n  home: Scaffold(\n    appBar: AppBar(title: Text('Stateful Widget Example')),\n    body: MyStatefulWidget(),\n  ),\n));\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Composing_Widgets\"><\/span>Composing Widgets<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>One of the key strengths of Flutter is its composition version. You can construct complicated UIs by composing smaller widgets. For example, a Scaffold widget can comprise an AppBar, a Body, and a FloatingActionButton, every of which is likewise a widget.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Example-3\"><\/span>Example:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\n\nvoid main() {\n  runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        appBar: AppBar(\n          title: Text('Flutter Widget Composition'),\n        ),\n        body: Center(\n          child: Column(\n            mainAxisAlignment: MainAxisAlignment.center,\n            children: &lt;Widget&gt;&#91;\n              Text('Hello, Flutter!'),\n              Icon(Icons.thumb_up, size: 50, color: Colors.blue),\n            ],\n          ),\n        ),\n        floatingActionButton: FloatingActionButton(\n          onPressed: () {},\n          child: Icon(Icons.add),\n        ),\n      ),\n    );\n  }\n}\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Custom_Widgets\"><\/span>Custom Widgets<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>In Flutter, you could also create custom widgets with the aid of combining current widgets or by extending StatelessWidget or StatefulWidget. This permits for excessive reusability and modularization of your code.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Example-4\"><\/span>Example:<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>import 'package:flutter\/material.dart';\n\nclass CustomButton extends StatelessWidget {\n  final String label;\n  final VoidCallback onPressed;\n\n  CustomButton({required this.label, required this.onPressed});\n\n  @override\n  Widget build(BuildContext context) {\n    return ElevatedButton(\n      onPressed: onPressed,\n      child: Text(label),\n    );\n  }\n}\n\nvoid main() {\n  runApp(MyApp());\n}\n\nclass MyApp extends StatelessWidget {\n  @override\n  Widget build(BuildContext context) {\n    return MaterialApp(\n      home: Scaffold(\n        appBar: AppBar(\n          title: Text('Custom Widget Example'),\n        ),\n        body: Center(\n          child: CustomButton(\n            label: 'Click Me',\n            onPressed: () {\n              print('Button Pressed!');\n            },\n          ),\n        ),\n      ),\n    );\n  }\n}\n<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h4>\n\n\n\n<p>Understanding Flutter widgets is crucial for constructing powerful and green applications. By studying both stateless and stateful widgets, and mastering to compose and create custom widgets, you can harness the overall power of Flutter to create lovely user interfaces.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Contact Us:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Email:<\/strong>\u00a0flutterfever@gmail.com<\/li>\n\n\n\n<li><strong>Website:<\/strong>\u00a0<a href=\"https:\/\/flutterfever.com\/\">https:\/\/flutterfever.com\/<\/a><\/li>\n\n\n\n<li><strong>Linkedin<\/strong>:\u00a0<a href=\"https:\/\/www.linkedin.com\/company\/flutter-fever\/\">https:\/\/www.linkedin.com\/company\/flutter-fever\/<\/a><\/li>\n<\/ul>\n\n\n\n<p>Stay connected and follow us for more insights on mobile development and the latest in Flutter technology.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flutter, Google\u2019s UI toolkit for constructing natively compiled packages for mobile, web, and computer from a single codebase, has received large recognition amongst developers. One of the core standards in Flutter is the&nbsp;widget. In this blog, we\u2019ll dive deep into understanding what widgets are, the distinct sorts of widgets, and how to efficaciously use them &#8230; <a title=\"Understanding Flutter Widgets\" class=\"read-more\" href=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/\" aria-label=\"Read more about Understanding Flutter Widgets\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":78,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,4],"tags":[8,9,6,5,10],"class_list":["post-77","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-news","tag-best-practices-for-flutter-development","tag-build-mobile-apps-with-flutter","tag-flutter","tag-flutter-app-development","tag-flutter-app-development-services"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Understanding Flutter Widgets<\/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:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Understanding Flutter Widgets\" \/>\n<meta property=\"og:description\" content=\"Flutter, Google\u2019s UI toolkit for constructing natively compiled packages for mobile, web, and computer from a single codebase, has received large recognition amongst developers. One of the core standards in Flutter is the&nbsp;widget. In this blog, we\u2019ll dive deep into understanding what widgets are, the distinct sorts of widgets, and how to efficaciously use them ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/\" \/>\n<meta property=\"og:site_name\" content=\"Flutter News and Job Updates\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-04T07:49:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-04T07:49:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1256\" \/>\n\t<meta property=\"og:image:height\" content=\"584\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dileep Gupta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dileep Gupta\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/\",\"url\":\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/\",\"name\":\"Understanding Flutter Widgets\",\"isPartOf\":{\"@id\":\"https:\/\/flutterfever.com\/news\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png\",\"datePublished\":\"2024-07-04T07:49:11+00:00\",\"dateModified\":\"2024-07-04T07:49:12+00:00\",\"author\":{\"@id\":\"https:\/\/flutterfever.com\/news\/#\/schema\/person\/ad598819a9e5c65eb967af1266e11a2d\"},\"breadcrumb\":{\"@id\":\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#primaryimage\",\"url\":\"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png\",\"contentUrl\":\"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png\",\"width\":1256,\"height\":584,\"caption\":\"Understanding Flutter Widgets\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/flutterfever.com\/news\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Understanding Flutter Widgets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/flutterfever.com\/news\/#website\",\"url\":\"https:\/\/flutterfever.com\/news\/\",\"name\":\"Flutter News and Job Updates\",\"description\":\"Flutter News, Hiring, Job, Recruitment, Freelancing and more\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/flutterfever.com\/news\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/flutterfever.com\/news\/#\/schema\/person\/ad598819a9e5c65eb967af1266e11a2d\",\"name\":\"Dileep Gupta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/flutterfever.com\/news\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8650ac6fbcef35c65894bd4e4f8b103d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8650ac6fbcef35c65894bd4e4f8b103d?s=96&d=mm&r=g\",\"caption\":\"Dileep Gupta\"},\"sameAs\":[\"https:\/\/flutterfever.com\/news\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Understanding Flutter Widgets","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:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/","og_locale":"en_US","og_type":"article","og_title":"Understanding Flutter Widgets","og_description":"Flutter, Google\u2019s UI toolkit for constructing natively compiled packages for mobile, web, and computer from a single codebase, has received large recognition amongst developers. One of the core standards in Flutter is the&nbsp;widget. In this blog, we\u2019ll dive deep into understanding what widgets are, the distinct sorts of widgets, and how to efficaciously use them ... Read more","og_url":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/","og_site_name":"Flutter News and Job Updates","article_published_time":"2024-07-04T07:49:11+00:00","article_modified_time":"2024-07-04T07:49:12+00:00","og_image":[{"width":1256,"height":584,"url":"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png","type":"image\/png"}],"author":"Dileep Gupta","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dileep Gupta","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/","url":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/","name":"Understanding Flutter Widgets","isPartOf":{"@id":"https:\/\/flutterfever.com\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#primaryimage"},"image":{"@id":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#primaryimage"},"thumbnailUrl":"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png","datePublished":"2024-07-04T07:49:11+00:00","dateModified":"2024-07-04T07:49:12+00:00","author":{"@id":"https:\/\/flutterfever.com\/news\/#\/schema\/person\/ad598819a9e5c65eb967af1266e11a2d"},"breadcrumb":{"@id":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#primaryimage","url":"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png","contentUrl":"https:\/\/flutterfever.com\/news\/wp-content\/uploads\/2024\/07\/image-10.png","width":1256,"height":584,"caption":"Understanding Flutter Widgets"},{"@type":"BreadcrumbList","@id":"https:\/\/flutterfever.com\/news\/understanding-flutter-widgets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flutterfever.com\/news\/"},{"@type":"ListItem","position":2,"name":"Understanding Flutter Widgets"}]},{"@type":"WebSite","@id":"https:\/\/flutterfever.com\/news\/#website","url":"https:\/\/flutterfever.com\/news\/","name":"Flutter News and Job Updates","description":"Flutter News, Hiring, Job, Recruitment, Freelancing and more","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flutterfever.com\/news\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/flutterfever.com\/news\/#\/schema\/person\/ad598819a9e5c65eb967af1266e11a2d","name":"Dileep Gupta","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flutterfever.com\/news\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8650ac6fbcef35c65894bd4e4f8b103d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8650ac6fbcef35c65894bd4e4f8b103d?s=96&d=mm&r=g","caption":"Dileep Gupta"},"sameAs":["https:\/\/flutterfever.com\/news"]}]}},"_links":{"self":[{"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/posts\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":1,"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/posts\/77\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/posts\/77\/revisions\/79"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/media\/78"}],"wp:attachment":[{"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/media?parent=77"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/categories?post=77"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flutterfever.com\/news\/wp-json\/wp\/v2\/tags?post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}