PageSourceSearch

https://oflutter.com/widgets/

html oflutter.com collected 2026-10-04 21:39:44 UTC 76,045 bytes, 863 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en-US" prefix="og: https://ogp.me/ns#">
3<head>
4
5<meta charset="UTF-8">
6<meta name="viewport" content="width=device-width, initial-scale=1">
7<meta http-equiv="X-UA-Compatible" content="IE=edge">
8<meta name="HandheldFriendly" content="true">
9<link rel="profile" href="http://gmpg.org/xfn/11">
10<link rel="icon" type="image/png" href="https://oflutter.com/wp-content/uploads/2021/01/Logo-icon.png" />
11	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
12	
13<!-- Search Engine Optimization by Rank Math PRO - https://rankmath.com/ -->
14<title>Widgets - Oflutter.com</title>
15<meta name="description" content="In this category, you can find cool flutter widgets that may help you with your project"/>
16<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
17<link rel="canonical" href="https://oflutter.com/widgets/" />
18<meta property="og:locale" content="en_US" />
19<meta property="og:type" content="article" />
20<meta property="og:title" content="Widgets - Oflutter.com" />
21<meta property="og:description" content="In this category, you can find cool flutter widgets that may help you with your project" />
22<meta property="og:url" content="https://oflutter.com/widgets/" />
23<meta property="og:site_name" content="Oflutter.com" />
24<meta name="twitter:card" content="summary_large_image" />
25<meta name="twitter:title" content="Widgets - Oflutter.com" />
26<meta name="twitter:description" content="In this category, you can find cool flutter widgets that may help you with your project" />
27<meta name="twitter:label1" content="Posts" />
28<meta name="twitter:data1" content="4" />
29<script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://oflutter.com/#organization","name":"Oflutter.com","url":"https://oflutter.com","logo":{"@type":"ImageObject","@id":"https://oflutter.com/#logo","url":"https://oflutter.com/wp-content/uploads/2021/01/Logo-icon.png","contentUrl":"https://oflutter.com/wp-content/uploads/2021/01/Logo-icon.png","caption":"Oflutter.com","inLanguage":"en-US","width":"512","height":"512"}},{"@type":"WebSite","@id":"https://oflutter.com/#website","url":"https://oflutter.com","name":"Oflutter.com","publisher":{"@id":"https://oflutter.com/#organization"},"inLanguage":"en-US"},{"@type":"CollectionPage","@id":"https://oflutter.com/widgets/#webpage","url":"https://oflutter.com/widgets/","name":"Widgets - Oflutter.com","isPartOf":{"@id":"https://oflutter.com/#website"},"inLanguage":"en-US"}]}</script>
29
30<!-- /Rank Math WordPress SEO plugin -->
31
32<link rel='dns-prefetch' href='//fonts.googleapis.com' />
33<link rel='dns-prefetch' href='//www.googletagmanager.com' />
34<link rel="alternate" type="application/rss+xml" title="Oflutter.com &raquo; Feed" href="https://oflutter.com/feed/" />
35<link rel="alternate" type="application/rss+xml" title="Oflutter.com &raquo; Comments Feed" href="https://oflutter.com/comments/feed/" />
36<link rel="alternate" type="application/rss+xml" title="Oflutter.com &raquo; Widgets Category Feed" href="https://oflutter.com/widgets/feed/" />
37<script type="text/javascript">
38/* <![CDATA[ */
39window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/oflutter.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.10"}};
40/*! This file is auto-generated */
41!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
42/* ]]> */
43</script>
43
44<style id='wp-emoji-styles-inline-css' type='text/css'>
45
46	img.wp-smiley, img.emoji {
47		display: inline !important;
48		border: none !important;
49		box-shadow: none !important;
50		height: 1em !important;
51		width: 1em !important;
52		margin: 0 0.07em !important;
53		vertical-align: -0.1em !important;
54		background: none !important;
55		padding: 0 !important;
56	}
57</style>
58<link rel='stylesheet' id='wp-block-library-css' href='https://oflutter.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8.10' type='text/css' media='all' />
59<style id='classic-theme-styles-inline-css' type='text/css'>
60/*! This file is auto-generated */
61.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
62</style>
63<style id='global-styles-inline-css' type='text/css'>
64:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
64--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
64.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
65:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
66:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
67:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
68</style>
69<link rel='stylesheet' id='mkaz-code-syntax-prism-css-css' href='https://oflutter.com/wp-content/plugins/code-syntax-block/assets/prism-onedark.css?ver=1715180054' type='text/css' media='all' />
70<link rel='stylesheet' id='cookie-law-info-css' href='https://oflutter.com/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-public.css?ver=3.5.6' type='text/css' media='all' />
71<link rel='stylesheet' id='cookie-law-info-gdpr-css' href='https://oflutter.com/wp-content/plugins/cookie-law-info/legacy/public/css/cookie-law-info-gdpr.css?ver=3.5.6' type='text/css' media='all' />
72<link rel='stylesheet' id='email-subscribers-css' href='https://oflutter.com/wp-content/plugins/email-subscribers/lite/public/css/email-subscribers-public.css?ver=5.9.37' type='text/css' media='all' />
73<link rel='stylesheet' id='ppress-frontend-css' href='https://oflutter.com/wp-content/plugins/wp-user-avatar/assets/css/frontend.min.css?ver=4.17.5' type='text/css' media='all' />
74<link rel='stylesheet' id='ppress-flatpickr-css' href='https://oflutter.com/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.css?ver=4.17.5' type='text/css' media='all' />
75<link rel='stylesheet' id='ppress-select2-css' href='https://oflutter.com/wp-content/plugins/wp-user-avatar/assets/select2/select2.min.css?ver=6.8.10' type='text/css' media='all' />
76<link rel='stylesheet' id='ez-toc-css' href='https://oflutter.com/wp-content/plugins/easy-table-of-contents/assets/css/screen.min.css?ver=2.0.74' type='text/css' media='all' />
77<style id='ez-toc-inline-css' type='text/css'>
78div#ez-toc-container .ez-toc-title {font-size: 120%;}div#ez-toc-container .ez-toc-title {font-weight: 500;}div#ez-toc-container ul li , div#ez-toc-container ul li a {font-size: 95%;}div#ez-toc-container ul li , div#ez-toc-container ul li a {font-weight: 500;}div#ez-toc-container nav ul ul li {font-size: 90%;}div#ez-toc-container {width: 100%;}
79</style>
80<link rel='stylesheet' id='demo_fonts-css' href='//fonts.googleapis.com/css?family=Roboto%3Aregular%2Citalic%2C700%26subset%3Dlatin%2C' type='text/css' media='screen' />
81<link rel='stylesheet' id='revenueplus-style-css' href='https://oflutter.com/wp-content/themes/revenueplus/style.css?ver=20180523' type='text/css' media='all' />
82<link rel='stylesheet' id='genericons-style-css' href='https://oflutter.com/wp-content/themes/revenueplus/genericons/genericons.css?ver=6.8.10' type='text/css' media='all' />
83<link rel='stylesheet' id='responsive-style-css' href='https://oflutter.com/wp-content/themes/revenueplus/responsive.css?ver=20171012' type='text/css' media='all' />
84<script type="text/javascript" src="https://oflutter.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 84
84
85<script type="text/javascript" src="https://oflutter.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 85
85
86<script type="text/javascript" id="cookie-law-info-js-extra">
87/* <![CDATA[ */
88var Cli_Data = {"nn_cookie_ids":[],"cookielist":[],"non_necessary_cookies":[],"ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"1","strictlyEnabled":["necessary","obligatoire"],"ccpaType":"gdpr","js_blocking":"1","custom_integration":"","triggerDomRefresh":"","secure_cookies":""};
89var cli_cookiebar_settings = {"animate_speed_hide":"500","animate_speed_show":"500","background":"#FFF","border":"#b1a6a6c2","border_on":"","button_1_button_colour":"#ff6644","button_1_button_hover":"#cc5236","button_1_link_colour":"#fff","button_1_as_button":"1","button_1_new_win":"","button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":"","button_2_hidebar":"","button_3_button_colour":"#3566bb","button_3_button_hover":"#2a5296","button_3_link_colour":"#fff","button_3_as_button":"1","button_3_new_win":"","button_4_button_colour":"#000","button_4_button_hover":"#000000","button_4_link_colour":"#333333","button_4_as_button":"","button_7_button_colour":"#61a229","button_7_button_hover":"#4e8221","button_7_link_colour":"#fff","button_7_as_button":"1","button_7_new_win":"","font_family":"inherit","header_fix":"","notify_animate_hide":"1","notify_animate_show":"1","notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":"","scroll_close_reload":"","accept_close_reload":"","reject_close_reload":"","showagain_tab":"","showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#333333","show_once_yn":"","show_once":"15000","logging_on":"","as_popup":"","popup_overlay":"1","bar_heading_text":"","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"};
90var log_object = {"ajax_url":"https:\/\/oflutter.com\/wp-admin\/admin-ajax.php"};
91/* ]]> */
92</script>
vendor: 1 bytes, line 92
92
93<script type="text/javascript" src="https://oflutter.com/wp-content/plugins/cookie-law-info/legacy/public/js/cookie-law-info-public.js?ver=3.5.6" id="cookie-law-info-js"></script>
vendor: 1 bytes, line 93
93
94<script type="text/javascript" src="https://oflutter.com/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.js?ver=4.17.5" id="ppress-flatpickr-js"></script>
vendor: 1 bytes, line 94
94
95<script type="text/javascript" src="https://oflutter.com/wp-content/plugins/wp-user-avatar/assets/select2/select2.min.js?ver=4.17.5" id="ppress-select2-js"></script>
95
96<link rel="https://api.w.org/" href="https://oflutter.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://oflutter.com/wp-json/wp/v2/categories/1" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://oflutter.com/xmlrpc.php?rsd" />
97<meta name="generator" content="WordPress 6.8.10" />
98<meta name="generator" content="Site Kit by Google 1.152.1" />
99<!-- Google AdSense meta tags added by Site Kit -->
100<meta name="google-adsense-platform-account" content="ca-host-pub-2644536267352236">
101<meta name="google-adsense-platform-domain" content="sitekit.withgoogle.com">
102<!-- End Google AdSense meta tags added by Site Kit -->
103		<style type="text/css" id="wp-custom-css">
104			span.read-more{
105	margin-left: 7px;
106}
107
108.note,
109.fact{
110	background: rgba(216,152,0,.1);
111    border-left: 5px solid #d89800;
112    padding: 10px 15px;
113    margin: 20px auto 10px auto;
114}
115
116.fact{
117	background: rgb(0, 216, 8, 0.1);
118    border-left: 5px solid rgb(0, 216, 8);
119}
120
121.light-border-img img{
122	border: 1px solid #b7b7b7;
123}
124
125.wp-block-code{
126	font-size: 13px;
127}
128
129.entry-content ul li{
130	margin-left: 10px;
131}
132
133.s-code{
134	    background-color: #4e59e445;
135    padding: 5px;
136    border-radius: 5px;
137    width: fit-content;
138    -webkit-width: fit-content;
139		width: -moz-fit-content;
140}
141.s-code a{
142	color: #4e59e4 !important;
143	transition: color .3s ease;
144}
145
146.s-code a:hover{
147	color: #0f21fb !important;
148	transition: color .3s ease;
149}
150
151.entry-content p{
152	color: #5e656f;
153}
154
155.entry-content strong{
156	color: #363e4a;
157}
158
159.widget_email-subscribers-form{
160	background-color: #2c3644 !important;
161    background-image: url(/wp-content/themes/revenueplus/assets/img/icon-mail-trans.png);
162    background-repeat: no-repeat;
163    background-position: 110% -20px;
164    color: #8b95a4 !important;
165    width: 100% !important;
166    padding: 20px !important;
167}
168
169.widget_email-subscribers-form input{
170	border: none;
171    width: 100%;
172    margin-top: 15px;
173}
174
175.widget_email-subscribers-form input[type="submit"]{
176	background-color: #ff6644!important
177}
178
179.widget_email-subscribers-form .es_caption{
180	color: #fff !important;
181	padding: 0 !important;
182}
183
184.widget_email-subscribers-form .es-field-wrap{
185	margin: 0 !important;
186}
187
188dfn{
189    background-color: #434343;
190    padding: 3px 9px;
191    border-radius: 6px;
192}
193
194.widget-type{
195	color: #00ffcb;
196}
197.widget-prop{
198	color: #fff;
199}
200
201.widget-required{
202	color: #61afef;
203}
204
205div#ez-toc-container ul li:before{
206	display: none;
207}
208
209div#ez-toc-container{
210	margin-bottom: 4em;
211	margin-top: 2em;
212}
213
214.sidebar .widget_tabs .tab-content li{
215	display: flex;
216}
217
218.site-branding #logo img{
219	max-width: fit-content;
220}
221
222.prism-titlename {
223	margin: 0px;
224	padding: 8px;
225}
226
227pre.wp-block-code code {
228	padding: 16px;
229}
230
231
232		</style>
233		
233<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
233
234	
235<style type="text/css" media="all">
236	body,
237	input,
238	input[type="text"],
239	input[type="email"],
240	input[type="url"],
241	input[type="search"],
242	input[type="password"],
243	textarea,
244	table,
245	.sidebar .widget_ad .widget-title,
246	.site-footer .widget_ad .widget-title {
247		font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
248	}
249	#secondary-menu li a,
250	.footer-nav li a,
251	.pagination .page-numbers,
252	button,
253	.btn,
254	input[type="submit"],
255	input[type="reset"],
256	input[type="button"],
257	.comment-form label,
258	label,
259	h1,h2,h3,h4,h5,h6 {
260		font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
261	}
262	a:hover,
263	.site-header .search-icon:hover span,
264	.sf-menu li a:hover,
265	.sf-menu li li a:hover,
266	.sf-menu li.sfHover a,
267	.sf-menu li.current-menu-item a,
268	.sf-menu li.current-menu-item a:hover,
269	.breadcrumbs .breadcrumbs-nav a:hover,
270	.read-more a,
271	.read-more a:visited,
272	.entry-title a:hover,
273	article.hentry .edit-link a,
274	.author-box a,
275	.page-content a,
276	.entry-content a,
277	.comment-author a,
278	.comment-content a,
279	.comment-reply-title small a:hover,
280	.sidebar .widget a,
281	.sidebar .widget ul li a:hover,
282	.sidebar .widget_tabs ul.horizontal li a:hover,
283	.sidebar .widget_tabs ul.horizontal li a:hover .fa,	
284	#post-nav a:hover h4 {
285		color: #2baae1;
286	}
287	button,
288	.btn,
289	input[type="submit"],
290	input[type="reset"],
291	input[type="button"],
292	.entry-category a,
293	.pagination .prev:hover,
294	.pagination .next:hover,
295	#back-top a span {
296		background-color: #2baae1;
297	}
298	.sidebar .widget-title a:hover,
299	.read-more a:hover,
300	.author-box a:hover,
301	.page-content a:hover,
302	.entry-content a:hover,
303	.widget_tag_cloud .tagcloud a:hover:before,
304	.entry-tags .tag-links a:hover:before,
305	.content-loop .entry-title a:hover,
306	.content-list .entry-title a:hover,
307	.content-grid .entry-title a:hover,
308	article.hentry .edit-link a:hover,
309	.site-footer .widget ul li a:hover,
310	.comment-content a:hover,
311	.sidebar .widget_tabs ul.horizontal li.active a,
312	.sidebar .widget_tabs ul.horizontal li.active a .fa {
313		color: #ff6644;
314	}	
315	#back-top a:hover span,
316	.bx-wrapper .bx-pager.bx-default-pager a:hover,
317	.bx-wrapper .bx-pager.bx-default-pager a.active,
318	.bx-wrapper .bx-pager.bx-default-pager a:focus,
319	.pagination .page-numbers:hover,
320	.pagination .page-numbers.current,
321	.sidebar .widget ul li:before,
322	.widget_newsletter input[type="submit"],
323	.widget_newsletter input[type="button"],
324	.widget_newsletter button {
325		background-color: #ff6644;
326	}
327	.slicknav_nav,
328	.header-search,
329	.sf-menu li a:before {
330		border-color: #ff6644;
331	}
332	#primary .entry-content p {
333		font-size: 1em;
334		line-height: 1.8em;
335		margin-bottom: 25px;
336	}
337	.entry-content h1,
338	.entry-content h2,
339	.entry-content h3,
340	.entry-content h4,
341	.entry-content h5,
342	.entry-content h6 {
343		margin-bottom: 25px;
344	}
345</style>
346
347	<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 347-348
347
348<script async src="https://www.googletagmanager.com/gtag/js?id=
348G-PYT3TE91F0
vendor: 12 bytes, line 348
348"></script>
349<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6914778168388331"
350     crossorigin="anonymous"></script>
vendor: 1 bytes, line 350
350
351<script>
352  
vendor: 134 bytes, lines 352-356
352window.dataLayer = window.dataLayer || [];
353  function gtag(){dataLayer.push(arguments);}
354  gtag('js', new Date());
355
356  gtag('config', '
356G-PYT3TE91F0
vendor: 4 bytes, line 356
356');
357</script>
357
358<meta name="wot-verification" content="458d0e0a60080af19756"/>
359</head>
360
361<body class="archive category category-widgets category-1 wp-theme-revenueplus hfeed">
362<div id="page" class="site">
363
364	<header id="masthead" class="site-header clear">
365
366		<div class="container">
367
368		<div class="site-branding">
369
370						
371			<div id="logo">
372				<span class="helper"></span>
373				<a href="https://oflutter.com/" rel="home">
374					<img src="https://oflutter.com/wp-content/uploads/2021/01/oflutter.png" alt=""/>
375				</a>
376			</div><!-- #logo -->
377
378			
379		</div><!-- .site-branding -->		
380
381		<nav id="primary-nav" class="primary-navigation">
382
383			<div class="menu-main-menu-container"><ul id="primary-menu" class="sf-menu"><li id="menu-item-192" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-192"><a href="https://oflutter.com/tutorials/">Tutorials</a></li>
384<li id="menu-item-25" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25"><a href="https://oflutter.com/articles/">Articles</a></li>
385<li id="menu-item-334" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-334"><a href="https://oflutter.com/widgets/" aria-current="page">Widgets</a></li>
386<li id="menu-item-349" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-349"><a href="https://oflutter.com/issues/">Issues</a></li>
387<li id="menu-item-587" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-587"><a href="https://oflutter.com/dart/">Dart</a></li>
388</ul></div>
389		</nav><!-- #primary-nav -->
390
391		<div id="slick-mobile-menu"></div>
392
393					
394			<span class="search-icon">
395				<span class="genericon genericon-search"></span>
396				<span class="genericon genericon-close"></span>			
397			</span>
398
399			<div class="header-search">
400				<form id="searchform" method="get" action="https://oflutter.com/">
401					<input type="search" name="s" class="search-input" placeholder="Search for..." autocomplete="off">
402					<button type="submit" class="search-submit">Search</button>		
403				</form>
404			</div><!-- .header-search -->
405
406								
407
408		</div><!-- .container -->
409
410	</header><!-- #masthead -->	
411
412	<div class="header-space"></div>
413
414<div id="content" class="site-content container clear">
415
416	<div id="primary" class="content-area clear">
417
418		<main id="main" class="site-main clear">
419
420		<div class="breadcrumbs clear">
421			<h1>
422				All posts in Widgets			</h1>	
423		</div><!-- .breadcrumbs -->
424
425		<div id="recent-content" class="content-list">
426
427			
428<div id="post-529" class="clear post-529 post type-post status-publish format-standard has-post-thumbnail hentry category-widgets tag-flutter tag-iconbutton tag-widgets">	
429
430			<a class="thumbnail-link" href="https://oflutter.com/flutter-iconbutton-tips-and-tricks-2023/">
431			<div class="thumbnail-wrap">
432				<img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2023/02/oflutter-icon-button-tips-and-tricks-2023-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="oflutter icon button tips and tricks 2023" decoding="async" fetchpriority="high" srcset="https://oflutter.com/wp-content/uploads/2023/02/oflutter-icon-button-tips-and-tricks-2023-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2023/02/oflutter-icon-button-tips-and-tricks-2023-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2023/02/oflutter-icon-button-tips-and-tricks-2023-80x80.jpg 80w" sizes="(max-width: 500px) 100v
432w, 500px">			</div><!-- .thumbnail-wrap -->
433		</a>
434		
435
436	<div class="entry-category">
437		<a href="https://oflutter.com/widgets/" title="View all posts in Widgets" >Widgets</a> 	</div>
438
439	<h2 class="entry-title"><a href="https://oflutter.com/flutter-iconbutton-tips-and-tricks-2023/">Flutter: IconButton Widget &#8211; Tips and Tricks 2023</a></h2>
440	
441	<div class="entry-meta">
442
443
444			<span class="entry-author"><a href="https://oflutter.com/author/oflutter/" title="Posts by Oflutter" rel="author">Oflutter</a></span> 
445		
446			<span class="entry-date">February 1, 2023</span>
447	
448			<span class="entry-comment"><a href="https://oflutter.com/flutter-iconbutton-tips-and-tricks-2023/#respond" class="comments-link" >Leave a Comment</a></span>
449	
450
451</div><!-- .entry-meta -->
452
453	<div class="entry-summary">
454		<p>In this article, we are going to talk about IconButton and its tips and tricks. Before we begin, let&#8217;s identify the IconButton() widget, and why you should use it. The&#8230; </p>
455		<span class="read-more"><a href="https://oflutter.com/flutter-iconbutton-tips-and-tricks-2023/">Read more &raquo;</a></span>
456	</div><!-- .entry-summary -->
457
458
459</div><!-- #post-529 -->
460<div id="post-593" class="clear post-593 post type-post status-publish format-standard has-post-thumbnail hentry category-widgets tag-buttonstyle tag-elevatedbutton tag-flutter tag-widgets">	
461
462			<a class="thumbnail-link" href="https://oflutter.com/flutter-style-elevatedbutton-widget-with-buttonstyle/">
463			<div class="thumbnail-wrap">
464				<img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2021/10/oflutter.com-elevatedbutton-button-style-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Style ElevatedButton Widget with ButtonStyle()" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2021/10/oflutter.com-elevatedbutton-button-style-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2021/10/oflutter.com-elevatedbutton-button-style-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2021/10/oflutter.com-elevatedbutton-button-style-80x80.jpg 80w" sizes="(max-width: 500px) 100v
464w, 500px" />			</div><!-- .thumbnail-wrap -->
465		</a>
466		
467
468	<div class="entry-category">
469		<a href="https://oflutter.com/widgets/" title="View all posts in Widgets" >Widgets</a> 	</div>
470
471	<h2 class="entry-title"><a href="https://oflutter.com/flutter-style-elevatedbutton-widget-with-buttonstyle/">Flutter: Style ElevatedButton Widget with ButtonStyle()</a></h2>
472	
473	<div class="entry-meta">
474
475
476			<span class="entry-author"><a href="https://oflutter.com/author/oflutter/" title="Posts by Oflutter" rel="author">Oflutter</a></span> 
477		
478			<span class="entry-date">October 5, 2021</span>
479	
480			<span class="entry-comment"><a href="https://oflutter.com/flutter-style-elevatedbutton-widget-with-buttonstyle/#respond" class="comments-link" >Leave a Comment</a></span>
481	
482
483</div><!-- .entry-meta -->
484
485	<div class="entry-summary">
486		<p>ElevatedButton widget is one of the most common button types in the Flutter framework. Thus, in this tutorial, we will learn how to style an elevated button using the ButtonStyle&#8230; </p>
487		<span class="read-more"><a href="https://oflutter.com/flutter-style-elevatedbutton-widget-with-buttonstyle/">Read more &raquo;</a></span>
488	</div><!-- .entry-summary -->
489
490
491</div><!-- #post-593 --><div class="content-ad"></div>
492<div id="post-363" class="clear post-363 post type-post status-publish format-standard has-post-thumbnail hentry category-tutorials category-widgets tag-custom-widgets tag-flutter tag-tutorial tag-widgets">	
493
494			<a class="thumbnail-link" href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/">
495			<div class="thumbnail-wrap">
496				<img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2021/03/How-to-Create-a-Custom-Text-Widget-2021-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="How to Create a Custom Text Widget 2021" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2021/03/How-to-Create-a-Custom-Text-Widget-2021-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2021/03/How-to-Create-a-Custom-Text-Widget-2021-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2021/03/How-to-Create-a-Custom-Text-Widget-2021-80x80.jpg 80w" sizes="(max-width: 500px) 100v
496w, 500px" />			</div><!-- .thumbnail-wrap -->
497		</a>
498		
499
500	<div class="entry-category">
501		<a href="https://oflutter.com/tutorials/" title="View all posts in Tutorials" >Tutorials</a> 	</div>
502
503	<h2 class="entry-title"><a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/">Flutter: How to Create a Custom Text Widget 2022</a></h2>
504	
505	<div class="entry-meta">
506
507
508			<span class="entry-author"><a href="https://oflutter.com/author/oflutter/" title="Posts by Oflutter" rel="author">Oflutter</a></span> 
509		
510			<span class="entry-date">March 11, 2021</span>
511	
512			<span class="entry-comment"><a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/#comments" class="comments-link" >2 Comments</a></span>
513	
514
515</div><!-- .entry-meta -->
516
517	<div class="entry-summary">
518		<p>While developing the Flutter app, sometimes the code might get too messy, so it&#8217;s hard to read and maintain. This might happened not because the code is bad, or written&#8230; </p>
519		<span class="read-more"><a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/">Read more &raquo;</a></span>
520	</div><!-- .entry-summary -->
521
522
523</div><!-- #post-363 -->
524<div id="post-247" class="clear last post-247 post type-post status-publish format-standard has-post-thumbnail hentry category-widgets category-articles tag-appbar tag-flutter tag-widgets">	
525
526			<a class="thumbnail-link" href="https://oflutter.com/flutter-appbar-best-practice/">
527			<div class="thumbnail-wrap">
528				<img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-1-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AppBar() - Full Review" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-1-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-1-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-1-80x80.jpg 80w" sizes="(max-width: 500px) 100v
528w, 500px" />			</div><!-- .thumbnail-wrap -->
529		</a>
530		
531
532	<div class="entry-category">
533		<a href="https://oflutter.com/widgets/" title="View all posts in Widgets" >Widgets</a> 	</div>
534
535	<h2 class="entry-title"><a href="https://oflutter.com/flutter-appbar-best-practice/">Flutter: Everything about AppBar() Widget</a></h2>
536	
537	<div class="entry-meta">
538
539
540			<span class="entry-author"><a href="https://oflutter.com/author/oflutter/" title="Posts by Oflutter" rel="author">Oflutter</a></span> 
541		
542			<span class="entry-date">February 12, 2021</span>
543	
544			<span class="entry-comment"><a href="https://oflutter.com/flutter-appbar-best-practice/#comments" class="comments-link" >2 Comments</a></span>
545	
546
547</div><!-- .entry-meta -->
548
549	<div class="entry-summary">
550		<p>Flutter&nbsp;AppBar&nbsp;is one of the main widgets that more than 95% of developers are going to use it. In this article, I will explain to you the most common and useful&#8230; </p>
551		<span class="read-more"><a href="https://oflutter.com/flutter-appbar-best-practice/">Read more &raquo;</a></span>
552	</div><!-- .entry-summary -->
553
554
555</div><!-- #post-247 --><div class="content-ad"></div>
556		</div><!-- #recent-content -->
557
558		</main><!-- .site-main -->
559
560		
561	</div><!-- #primary -->
562
563
564<aside id="secondary" class="widget-area sidebar">
565
566	
567	<div id="revenueplus-tabs-2" class="widget widget-revenueplus-tabs widget_tabs posts-thumbnail-widget">		<div class='tabs tabs_default'>
568		<ul class="horizontal">
569			<li class="active"><a href="#tab1" title="Popular"><i class="fa fa-star"></i> Popular</a></li>
570			<li><a href="#tab2" title="Latest"><i class="fa fa-clock-o"></i> Latest</a></li>
571			<li><a href="#tab3" title="Comments"><i class="fa fa-comments"></i> Comments</a></li>        
572			<li><a href="#tab4" title="Tags"><i class="fa fa-tags"></i> Tags</a></li>
573		</ul>
574
575			<div id='tab1' class="tab-content">
576				<ul><li class="clear"><a href="https://oflutter.com/create-a-sidebar-menu-in-flutter/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Sidebar Menu in Flutter" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-80x80.jpg 80w" sizes="(max-width: 500px) 100v
576w, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/create-a-sidebar-menu-in-flutter/" rel="bookmark">Create a Sidebar Menu in Flutter 2022</a></h3><div class="entry-meta">February 5, 2021</div></div></li><li class="clear"><a href="https://oflutter.com/organized-navigation-named-route-in-flutter/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2021/02/organized-navigation-named-route-in-flutter-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="organized-navigation-named-route-in-flutter" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2021/02/organized-navigation-named-route-in-flutter-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2021/02/organized-navigation-named-route-in-flutter-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2021/02/organized-navigation-named-route-in-flutter-80x80.jpg 80w" sizes="(max-width: 500px) 100vw, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/organized-navigation-named-route-in-flutter/" rel="bookmark">Organized Navigation Named Route in Flutter 2022</a></h3><div class="entry-meta">February 9, 2021</div></div></li><li class="clear"><a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2021/03/How-to-Create-a-Custom-Text-Widget-2021-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="How to Create a Custom Text Widget 2021" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2021/03/How-to-Create-a-Custom-Text-Widget-2021-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2021/03/How-to-Create-a-Custom-Text-Widget-2021-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2021/03/How-to-Create-a-Custom-Text-Widget-2021-80x80.jpg 80w" sizes="(max-width: 500px) 100v
576w, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/" rel="bookmark">Flutter: How to Create a Custom Text Widget 2022</a></h3><div class="entry-meta">March 11, 2021</div></div></li><li class="clear"><a href="https://oflutter.com/solved-invalid-character-at-character-5-data-image-png-base64/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2021/05/Invalid-character-at-character-5-data-image-png-base64-iVBORw0KGgo-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Invalid-character-(at-character-5)-data-image-png-base64-iVBORw0KGgo" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2021/05/Invalid-character-at-character-5-data-image-png-base64-iVBORw0KGgo-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2021/05/Invalid-character-at-character-5-data-image-png-base64-iVBORw0KGgo-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2021/05/Invalid-character-at-character-5-data-image-png-base64-iVBORw0KGgo-80x80.jpg 80w" sizes="(max-width: 500px) 100v
576w, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/solved-invalid-character-at-character-5-data-image-png-base64/" rel="bookmark">[SOLVED]: Invalid character (at character 5) data:image/png;base64, iVBORw0KGgo&#8230;</a></h3><div class="entry-meta">May 6, 2021</div></div></li><li class="clear"><a href="https://oflutter.com/flutter-appbar-best-practice/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-1-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="AppBar() - Full Review" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-1-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-1-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2021/02/ThumbNail-oflutter-1-80x80.jpg 80w" sizes="(max-width: 500px) 100vw, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/flutter-appbar-best-practice/" rel="bookmark">Flutter: Everything about AppBar() Widget</a></h3><div class="entry-meta">February 12, 2021</div></div></li></ul>			</div>
577
578			<div id='tab2' class="tab-content">
579				<ul><li class="clear"><a href="https://oflutter.com/flutter-iconbutton-tips-and-tricks-2023/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2023/02/oflutter-icon-button-tips-and-tricks-2023-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="oflutter icon button tips and tricks 2023" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2023/02/oflutter-icon-button-tips-and-tricks-2023-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2023/02/oflutter-icon-button-tips-and-tricks-2023-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2023/02/oflutter-icon-button-tips-and-tricks-2023-80x80.jpg 80w" sizes="(max-width: 500px) 100v
579w, 500px"></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/flutter-iconbutton-tips-and-tricks-2023/" rel="bookmark">Flutter: IconButton Widget &#8211; Tips and Tricks 2023</a></h3><div class="entry-meta">February 1, 2023</div></div></li><li class="clear"><a href="https://oflutter.com/slivergeometry-is-not-valid/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2022/09/oflutter-SliverGeometry-is-not-valid-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Oflutter SliverGeometry is not valid" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2022/09/oflutter-SliverGeometry-is-not-valid-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2022/09/oflutter-SliverGeometry-is-not-valid-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2022/09/oflutter-SliverGeometry-is-not-valid-80x80.jpg 80w" sizes="(max-width: 500px) 100vw, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/slivergeometry-is-not-valid/" rel="bookmark">[SOLVED]: SliverGeometry is not valid: The &#8220;layoutExtent&#8221; exceeds the &#8220;paintExtent&#8221;.</a></h3><div class="entry-meta">September 1, 2022</div></div></li><li class="clear"><a href="https://oflutter.com/flutter-color-with-hexadecimal/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2022/06/flutter-color-hex-oflutter-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Oflutter: Flutter Color Hex" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2022/06/flutter-color-hex-oflutter-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2022/06/flutter-color-hex-oflutter-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2022/06/flutter-color-hex-oflutter-80x80.jpg 80w" sizes="(max-width: 500px) 100v
579w, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/flutter-color-with-hexadecimal/" rel="bookmark">Flutter: Color () with Hexadecimal</a></h3><div class="entry-meta">June 10, 2022</div></div></li><li class="clear"><a href="https://oflutter.com/flutter-getx-simple-named-route-navigation-2022/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2022/06/ThumbNail-oflutter-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Flutter GetX Simple Named Routing Navigation" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2022/06/ThumbNail-oflutter-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2022/06/ThumbNail-oflutter-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2022/06/ThumbNail-oflutter-80x80.jpg 80w" sizes="(max-width: 500px) 100vw, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/flutter-getx-simple-named-route-navigation-2022/" rel="bookmark">Flutter: GetX Simple Named Route Navigation 2022</a></h3><div class="entry-meta">June 8, 2022</div></div></li><li class="clear"><a href="https://oflutter.com/flutter-what-is-private-constructor-2022/" rel="bookmark"><div class="thumbnail-wrap"><img width="500" height="500" src="https://oflutter.com/wp-content/uploads/2022/02/oflutter-private-constructor-500x500.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Oflutter Private Constructor" decoding="async" srcset="https://oflutter.com/wp-content/uploads/2022/02/oflutter-private-constructor-500x500.jpg 500w, https://oflutter.com/wp-content/uploads/2022/02/oflutter-private-constructor-150x150.jpg 150w, https://oflutter.com/wp-content/uploads/2022/02/oflutter-private-constructor-80x80.jpg 80w" sizes="(max-width: 500px) 100v
579w, 500px" /></div></a><div class="entry-wrap"><h3><a href="https://oflutter.com/flutter-what-is-private-constructor-2022/" rel="bookmark">Flutter: What is MyClass_.() ? aka Private Constructor 2022</a></h3><div class="entry-meta">February 22, 2022</div></div></li></ul>			</div>
580
581			<div id='tab3' class="tab-content">
582													<ul class="tab-comments">
583													<li class="clear">
584								<a href="https://oflutter.com/create-a-sidebar-menu-in-flutter/#comment-173"><img alt='' src='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=64&#038;d=wavatar&#038;r=g' srcset='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=128&#038;d=wavatar&#038;r=g 2x' class='avatar avatar-64 photo' height='64' width='64' decoding='async'/></a>
585								<a href="https://oflutter.com/create-a-sidebar-menu-in-flutter/#comment-173"><strong>Oflutter</strong><span>You are welcome</span></a>
586							</li>
587													<li class="clear">
588								<a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/#comment-172"><img alt='' src='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=64&#038;d=wavatar&#038;r=g' srcset='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=128&#038;d=wavatar&#038;r=g 2x' class='avatar avatar-64 photo' height='64' width='64' decoding='async'/></a>
589								<a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/#comment-172"><strong>Oflutter</strong><span>Yes!</span></a>
590							</li>
591													<li class="clear">
592								<a href="https://oflutter.com/create-a-sidebar-menu-in-flutter/#comment-154"><img alt='' src='https://secure.gravatar.com/avatar/?s=64&#038;d=wavatar&#038;r=g' srcset='https://secure.gravatar.com/avatar/?s=128&#038;d=wavatar&#038;r=g 2x' class='avatar avatar-64 photo avatar-default' height='64' width='64' decoding='async'/></a>
593								<a href="https://oflutter.com/create-a-sidebar-menu-in-flutter/#comment-154"><strong>George</strong><span>Great tutorial, really helped me understand the structure that flutter&hellip;</span></a>
594							</li>
595													<li class="clear">
596								<a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/#comment-128"><img alt='' src='https://secure.gravatar.com/avatar/dae70ea066016a24d4633e3040c602ebfde35849c64f90f34ed63edfdf8db674?s=64&#038;d=wavatar&#038;r=g' srcset='https://secure.gravatar.com/avatar/dae70ea066016a24d4633e3040c602ebfde35849c64f90f34ed63edfdf8db674?s=128&#038;d=wavatar&#038;r=g 2x' class='avatar avatar-64 photo' height='64' width='64' decoding='async'/></a>
597								<a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/#comment-128"><strong>Jonthue J Michel</strong><span>This is interesting! So I can conditionally render any type&hellip;</span></a>
598							</li>
599													<li class="clear">
600								<a href="https://oflutter.com/solved-invalid-character-at-character-5-data-image-png-base64/#comment-82"><img alt='' src='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=64&#038;d=wavatar&#038;r=g' srcset='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=128&#038;d=wavatar&#038;r=g 2x' class='avatar avatar-64 photo' height='64' width='64' decoding='async'/></a>
601								<a href="https://oflutter.com/solved-invalid-character-at-character-5-data-image-png-base64/#comment-82"><strong>Oflutter</strong><span>you are welcome :)</span></a>
602							</li>
603											</ul>
604							</div>
605
606			<div id='tab4' class="tab-content">
607				<div class="tags-wrap clear">
608					<a href="https://oflutter.com/tag/flutter/" class="tag-cloud-link tag-link-6 tag-link-position-1" style="font-size: 22pt;" aria-label="flutter (21 items)">flutter</a>
609<a href="https://oflutter.com/tag/tutorial/" class="tag-cloud-link tag-link-8 tag-link-position-2" style="font-size: 16.75pt;" aria-label="tutorial (8 items)">
609tutorial</a>
610<a href="https://oflutter.com/tag/issues/" class="tag-cloud-link tag-link-14 tag-link-position-3" style="font-size: 15.403846153846pt;" aria-label="issues (6 items)">issues</a>
611<a href="https://oflutter.com/tag/dart/" class="tag-cloud-link tag-link-25 tag-link-position-4" style="font-size: 13.384615384615pt;" aria-label="dart (4 items)">dart</a>
612<a href="https://oflutter.com/tag/widgets/" class="tag-cloud-link tag-link-13 tag-link-position-5" style="font-size: 13.384615384615pt;" aria-label="widgets (4 items)">widgets</a>
613<a href="https://oflutter.com/tag/getx/" class="tag-cloud-link tag-link-20 tag-link-position-6" style="font-size: 10.423076923077pt;" aria-label="getx (2 items)">getx</a>
614<a href="https://oflutter.com/tag/image_picker/" class="tag-cloud-link tag-link-22 tag-link-position-7" style="font-size: 10.423076923077pt;" aria-label="image_picker (2 items)">image_picker</a>
615<a href="https://oflutter.com/tag/navigation/" class="tag-cloud-link tag-link-7 tag-link-position-8" style="font-size: 10.423076923077pt;" aria-label="navigation (2 items)">navigation</a>
616<a href="https://oflutter.com/tag/jsonencode/" class="tag-cloud-link tag-link-29 tag-link-position-9" style="font-size: 8pt;" aria-label="jsonEncode (1 item)">jsonEncode</a>
617<a href="https://oflutter.com/tag/article/" class="tag-cloud-link tag-link-31 tag-link-position-10" style="font-size: 8pt;" aria-label="article (1 item)">article</a>
618<a href="https://oflutter.com/tag/_/" class="tag-cloud-link tag-link-32 tag-link-position-11" style="font-size: 8pt;" aria-label="._() (1 item)">._()</a>
619<a href="https://oflutter.com/tag/private-constructor/" class="tag-cloud-link tag-link-33 tag-link-position-12" style="font-size: 8pt;" aria-label="private constructor (1 item)">private constructor</a>
620<a href="https://oflutter.com/tag/color/" class="tag-cloud-link tag-link-34 tag-link-position-13" style="font-size: 8pt;" aria-label="color (1 item)">color</a>
621<a href="https://oflutter.com/tag/slivergeometry/" class="tag-cloud-link tag-link-35 tag-link-position-14" style="font-size: 8pt;" aria-label="SliverGeometry (1 item)">SliverGeometry</a>
622<a href="https://oflutter.com/tag/m3/" class="tag-cloud-link tag-link-37 tag-link-position-15" style="font-size: 8pt;" aria-label="M3 (1 item)">M3</a>
623<a href="https://oflutter.com/tag/material-3/" class="tag-cloud-link tag-link-38 tag-link-position-16" style="font-size: 8pt;" aria-label="Material 3 (1 item)">Material 3</a>
624<a href="https://oflutter.com/tag/buttonstyle/" class="tag-cloud-link tag-link-28 tag-link-position-17" style="font-size: 8pt;" aria-label="buttonstyle (1 item)">buttonstyle</a>
625<a href="https://oflutter.com/tag/elevatedbutton/" class="tag-cloud-link tag-link-27 tag-link-position-18" style="font-size: 8pt;" aria-label="elevatedbutton (1 item)">elevatedbutton</a>
626<a href="https://oflutter.com/tag/list/" class="tag-cloud-link tag-link-26 tag-link-position-19" style="font-size: 8pt;" aria-label="list (1 item)">list</a>
627<a href="https://oflutter.com/tag/sidebar/" class="tag-cloud-link tag-link-9 tag-link-position-20" style="font-size: 8pt;" aria-label="sidebar (1 item)">sidebar</a>
628<a href="https://oflutter.com/tag/floating-button/" class="tag-cloud-link tag-link-10 tag-link-position-21" style="font-size: 8pt;" aria-label="floating button (1 item)">floating button</a>
629<a href="https://oflutter.com/tag/appbar/" class="tag-cloud-link tag-link-12 tag-link-position-22" style="font-size: 8pt;" aria-label="appbar (1 item)">appbar</a>
630<a href="https://oflutter.com/tag/custom-widgets/" class="tag-cloud-link tag-link-16 tag-link-position-23" style="font-size: 8pt;" aria-label="custom widgets (1 item)">custom widgets</a>
631<a href="https://oflutter.com/tag/firebase/" class="tag-cloud-link tag-link-17 tag-link-position-24" style="font-size: 8pt;" aria-label="firebase (1 item)">firebase</a>
632<a href="https://oflutter.com/tag/app/" class="tag-cloud-link tag-link-18 tag-link-position-25" style="font-size: 8pt;" aria-label="app (1 item)">app</a>
633<a href="https://oflutter.com/tag/api/" class="tag-cloud-link tag-link-19 tag-link-position-26" style="font-size: 8pt;" aria-label="api (1 item)">api</a>
634<a href="https://oflutter.com/tag/get/" class="tag-cloud-link tag-link-21 tag-link-position-27" style="font-size: 8pt;" aria-label="get (1 item)">get</a>
635<a href="https://oflutter.com/tag/image_cropper/" class="tag-cloud-link tag-link-23 tag-link-position-28" style="font-size: 8pt;" aria-label="image_cropper (1 item)">image_cropper</a>
636<a href="https://oflutter.com/tag/custom-colors/" class="tag-cloud-link tag-link-39 tag-link-position-29" style="font-size: 8pt;" aria-label="Custom Colors (1 item)">Custom Colors</a>
637<a href="https://oflutter.com/tag/iconbutton/" class="tag-cloud-link tag-link-40 tag-link-position-30" style="font-size: 8pt;" aria-label="IconButton (1 item)">IconButton</a>				</div>
638			</div>
639
640		</div><!-- .tabs -->
641
642		</div><div id="block-3" class="widget widget_block"><div style="text-align: center;"><a href="https://www.patreon.com/bePatron?u=50002881" data-patreon-widget-type="become-patron-button">Become a Patron!</a></div>
642<script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
642</div><div id="categories-2" class="widget widget_categories"><h2 class="widget-title">Categories</h2>
643			<ul>
644					<li class="cat-item cat-item-3"><a href="https://oflutter.com/articles/">Articles</a> (8)
645</li>
646	<li class="cat-item cat-item-24"><a href="https://oflutter.com/dart/">Dart</a> (4)
647</li>
648	<li class="cat-item cat-item-15"><a href="https://oflutter.com/issues/">Issues</a> (6)
649</li>
650	<li class="cat-item cat-item-2"><a href="https://oflutter.com/tutorials/">Tutorials</a> (9)
651</li>
652	<li class="cat-item cat-item-1 current-cat"><a aria-current="page" href="https://oflutter.com/widgets/">Widgets</a> (4)
653</li>
654			</ul>
655
656			</div><div id="tag_cloud-3" class="widget widget_tag_cloud"><h2 class="widget-title">Tags</h2><div class="tagcloud"><a href="https://oflutter.com/tag/_/" class="tag-cloud-link tag-link-32 tag-link-position-1" style="font-size: 8pt;" aria-label="._() (1 item)">._()</a>
657<a href="https://oflutter.com/tag/api/" class="tag-cloud-link tag-link-19 tag-link-position-2" style="font-size: 8pt;" aria-label="api (1 item)">api</a>
658<a href="https://oflutter.com/tag/app/" class="tag-cloud-link tag-link-18 tag-link-position-3" style="font-size: 8pt;" aria-label="app (1 item)">app</a>
659<a href="https://oflutter.com/tag/appbar/" class="tag-cloud-link tag-link-12 tag-link-position-4" style="font-size: 8pt;" aria-label="appbar (1 item)">appbar</a>
660<a href="https://oflutter.com/tag/article/" class="tag-cloud-link tag-link-31 tag-link-position-5" style="font-size: 8pt;" aria-label="article (1 item)">article</a>
661<a href="https://oflutter.com/tag/buttonstyle/" class="tag-cloud-link tag-link-28 tag-link-position-6" style="font-size: 8pt;" aria-label="buttonstyle (1 item)">buttonstyle</a>
662<a href="https://oflutter.com/tag/color/" class="tag-cloud-link tag-link-34 tag-link-position-7" style="font-size: 8pt;" aria-label="color (1 item)">color</a>
663<a href="https://oflutter.com/tag/custom-colors/" class="tag-cloud-link tag-link-39 tag-link-position-8" style="font-size: 8pt;" aria-label="Custom Colors (1 item)">Custom Colors</a>
664<a href="https://oflutter.com/tag/custom-widgets/" class="tag-cloud-link tag-link-16 tag-link-position-9" style="font-size: 8pt;" aria-label="custom widgets (1 item)">custom widgets</a>
665<a href="https://oflutter.com/tag/dart/" class="tag-cloud-link tag-link-25 tag-link-position-10" style="font-size: 13.384615384615pt;" aria-label="dart (4 items)">dart</a>
666<a href="https://oflutter.com/tag/elevatedbutton/" class="tag-cloud-link tag-link-27 tag-link-position-11" style="font-size: 8pt;" aria-label="elevatedbutton (1 item)">elevatedbutton</a>
667<a href="https://oflutter.com/tag/firebase/" class="tag-cloud-link tag-link-17 tag-link-position-12" style="font-size: 8pt;" aria-label="firebase (1 item)">firebase</a>
668<a href="https://oflutter.com/tag/floating-button/" class="tag-cloud-link tag-link-10 tag-link-position-13" style="font-size: 8pt;" aria-label="floating button (1 item)">floating button</a>
669<a href="https://oflutter.com/tag/flutter/" class="tag-cloud-link tag-link-6 tag-link-position-14" style="font-size: 22pt;" aria-label="flutter (21 items)">flutter</a>
670<a href="https://oflutter.com/tag/get/" class="tag-cloud-link tag-link-21 tag-link-position-15" style="font-size: 8pt;" aria-label="get (1 item)">get</a>
671<a href="https://oflutter.com/tag/getx/" class="tag-cloud-link tag-link-20 tag-link-position-16" style="font-size: 10.423076923077pt;" aria-label="getx (2 items)">getx</a>
672<a href="https://oflutter.com/tag/iconbutton/" class="tag-cloud-link tag-link-40 tag-link-position-17" style="font-size: 8pt;" aria-label="IconButton (1 item)">IconButton</a>
673<a href="https://oflutter.com/tag/image_cropper/" class="tag-cloud-link tag-link-23 tag-link-position-18" style="font-size: 8pt;" aria-label="image_cropper (1 item)">image_cropper</a>
674<a href="https://oflutter.com/tag/image_picker/" class="tag-cloud-link tag-link-22 tag-link-position-19" style="font-size: 10.423076923077pt;" aria-label="image_picker (2 items)">image_picker</a>
675<a href="https://oflutter.com/tag/issues/" class="tag-cloud-link tag-link-14 tag-link-position-20" style="font-size: 15.403846153846pt;" aria-label="issues (6 items)">issues</a>
676<a href="https://oflutter.com/tag/jsonencode/" class="tag-cloud-link tag-link-29 tag-link-position-21" style="font-size: 8pt;" aria-label="jsonEncode (1 item)">
676jsonEncode</a>
677<a href="https://oflutter.com/tag/list/" class="tag-cloud-link tag-link-26 tag-link-position-22" style="font-size: 8pt;" aria-label="list (1 item)">list</a>
678<a href="https://oflutter.com/tag/m3/" class="tag-cloud-link tag-link-37 tag-link-position-23" style="font-size: 8pt;" aria-label="M3 (1 item)">M3</a>
679<a href="https://oflutter.com/tag/material-3/" class="tag-cloud-link tag-link-38 tag-link-position-24" style="font-size: 8pt;" aria-label="Material 3 (1 item)">Material 3</a>
680<a href="https://oflutter.com/tag/navigation/" class="tag-cloud-link tag-link-7 tag-link-position-25" style="font-size: 10.423076923077pt;" aria-label="navigation (2 items)">navigation</a>
681<a href="https://oflutter.com/tag/private-constructor/" class="tag-cloud-link tag-link-33 tag-link-position-26" style="font-size: 8pt;" aria-label="private constructor (1 item)">private constructor</a>
682<a href="https://oflutter.com/tag/sidebar/" class="tag-cloud-link tag-link-9 tag-link-position-27" style="font-size: 8pt;" aria-label="sidebar (1 item)">sidebar</a>
683<a href="https://oflutter.com/tag/slivergeometry/" class="tag-cloud-link tag-link-35 tag-link-position-28" style="font-size: 8pt;" aria-label="SliverGeometry (1 item)">SliverGeometry</a>
684<a href="https://oflutter.com/tag/tutorial/" class="tag-cloud-link tag-link-8 tag-link-position-29" style="font-size: 16.75pt;" aria-label="tutorial (8 items)">tutorial</a>
685<a href="https://oflutter.com/tag/widgets/" class="tag-cloud-link tag-link-13 tag-link-position-30" style="font-size: 13.384615384615pt;" aria-label="widgets (4 items)">widgets</a></div>
686</div><div id="revenueplus-social-3" class="widget widget-revenueplus-social widget_social_icons"><h2 class="widget-title">Follow Us</h2><div class="desc">Stay updated via social channels</div><div class="social-icons"><ul><li class="youtube"><a href="https://www.youtube.com/c/oflutter"><img src="https://oflutter.com/wp-content/themes/revenueplus/assets/img/icon-youtube.png" alt=""/></a></li></ul></div></div>	
687	
688</aside><!-- #secondary -->
689
690
691	</div><!-- #content .site-content -->
692	
693	<footer id="colophon" class="site-footer">
694
695		
696		<div class="clear"></div>
697
698		<div id="site-bottom" class="clear">
699
700			<div class="container">
701
702			<div class="site-info">
703
704				© 2021 <a href="https://oflutter.com">oflutter.com</a> All Rights Reserved.
705			</div><!-- .site-info -->
706
707			<div class="menu-footer-menu-container"><ul id="footer-menu" class="footer-nav"><li id="menu-item-219" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-219"><a rel="privacy-policy" href="https://oflutter.com/privacy-policy/">Privacy Policy</a></li>
708<li id="menu-item-227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-227"><a href="https://oflutter.com/cookie-policy/">Cookie Policy</a></li>
709</ul></div>	
710
711			</div><!-- .container -->
712
713		</div>
714		<!-- #site-bottom -->
715							
716	</footer><!-- #colophon -->
717</div><!-- #page -->
718
719
720	<div id="back-top">
721		<a href="#top" title="Back to top"><span class="genericon genericon-collapse"></span></a>
722	</div>
723
724
725
726
727<script type="text/javascript">
728
729
730(function($){ //create closure so we can safely use $ as alias for jQuery
731
732    $(document).ready(function(){
733
734        "use strict"; 
735
736        $(function () {
737            // fade in #back-top
738            $(window).scroll(function () {
739                if ($(this).scrollTop() > 75) {
740                    $('.site-header').addClass("sticky-nav");
741                    $('.site-content').addClass('has-sticky');
742                } else {
743                    $('.site-header').removeClass("sticky-nav");
744                    $('.site-content').removeClass('has-sticky');                    
745                }
746            });      
747
748        });  
749
750
751
752		  
753	});
754
755})(jQuery);
756
757</script>
757
758
759
760<script type="speculationrules">
761{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/revenueplus\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
762</script>
762
763<!--googleoff: all--><div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.</div><div class="cli-bar-btn_container"><a role='button' class="cli_settings_button" style="margin:0px 10px 0px 5px">Cookie settings</a><a role='button' data-cli_action="accept" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button wt-cli-accept-btn">ACCEPT</a></div></div></span></div><div id="cookie-law-info-again" data-nosnippet="true"><span id="cookie_hdr_showagain">Manage consent</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true">
764  <div class="cli-modal-dialog" role="document">
765	<div class="cli-modal-content cli-bar-popup">
766		  <button type="button" class="cli-modal-close" id="cliModalClose">
767			<svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg>
768			<span class="wt-cli-sr-only">Close</span>
769		  </button>
770		  <div class="cli-modal-body">
771			<div class="cli-container-fluid cli-tab-container">
772	<div class="cli-row">
773		<div class="cli-col-12 cli-align-items-stretch cli-px-0">
774			<div class="cli-privacy-overview">
775				<h4>Privacy Overview</h4>				<div class="cli-privacy-content">
776					<div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.</div>
777				</div>
778				<a class="cli-privacy-readmore" aria-label="Show more" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a>			</div>
779		</div>
780		<div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container">
781												<div class="cli-tab-section">
782						<div class="cli-tab-header">
783							<a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab">
784								Necessary							</a>
785																						<div class="wt-cli-necessary-checkbox">
786									<input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" />
787									<label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label>
788								</div>
789								<span class="cli-necessary-caption">Always Enabled</span>
790													</div>
791						<div class="cli-tab-content">
792							<div class="cli-tab-pane cli-fade" data-id="necessary">
793								<div class="wt-cli-cookie-description">
794									Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.								</div>
795							</div>
796						</div>
797					</div>
798																	<div class="cli-tab-section">
799						<div class="cli-tab-header">
800							<a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab">
801								Non-necessary							</a>
802																						<div class="cli-switch">
803									<input type="checkbox" id="wt-cli-checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked='checked' />
804									<label for="wt-cli-checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Non-necessary</span></label>
805								</div>
806													</div>
807						<div class="cli-tab-content">
808							<div class="cli-tab-pane cli-fade" data-id="non-necessary">
809								<div class="wt-cli-cookie-description">
810									Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via anal
810ytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.								</div>
811							</div>
812						</div>
813					</div>
814										</div>
815	</div>
816</div>
817		  </div>
818		  <div class="cli-modal-footer">
819			<div class="wt-cli-element cli-container-fluid cli-tab-container">
820				<div class="cli-row">
821					<div class="cli-col-12 cli-align-items-stretch cli-px-0">
822						<div class="cli-tab-footer wt-cli-privacy-overview-actions">
823						
824															<a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE &amp; ACCEPT</a>
825													</div>
826						
827					</div>
828				</div>
829			</div>
830		</div>
831	</div>
832  </div>
833</div>
834<div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div>
835<div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div>
836<!--googleon: all-->
836<script type="text/javascript" id="mkaz-code-syntax-prism-js-js-extra">
837/* <![CDATA[ */
838var prism_settings = {"pluginUrl":"https:\/\/oflutter.com\/wp-content\/plugins\/code-syntax-block\/"};
839/* ]]> */
840</script>
vendor: 1 bytes, line 840
840
841<script type="text/javascript" src="https://oflutter.com/wp-content/plugins/code-syntax-block/assets/prism/prism.js?ver=1715180054" id="mkaz-code-syntax-prism-js-js"></script>
vendor: 1 bytes, line 841
841
842<script type="text/javascript" id="email-subscribers-js-extra">
843/* <![CDATA[ */
844var es_data = {"messages":{"es_empty_email_notice":"Please enter email address","es_rate_limit_notice":"You need to wait for some time before subscribing again","es_single_optin_success_message":"Successfully Subscribed.","es_email_exists_notice":"Email Address already exists!","es_unexpected_error_notice":"Oops.. Unexpected error occurred.","es_invalid_email_notice":"Invalid email address","es_try_later_notice":"Please try after some time"},"es_ajax_url":"https:\/\/oflutter.com\/wp-admin\/admin-ajax.php"};
845/* ]]> */
846</script>
vendor: 1 bytes, line 846
846
847<script type="text/javascript" src="https://oflutter.com/wp-content/plugins/email-subscribers/lite/public/js/email-subscribers-public.js?ver=5.9.37" id="email-subscribers-js"></script>
vendor: 1 bytes, line 847
847
848<script type="text/javascript" id="ppress-frontend-script-js-extra">
849/* <![CDATA[ */
850var pp_ajax_form = {"ajaxurl":"https:\/\/oflutter.com\/wp-admin\/admin-ajax.php","confirm_delete":"Are you sure?","deleting_text":"Deleting...","deleting_error":"An error occurred. Please try again.","nonce":"77be8db6f3","disable_ajax_form":"false","is_checkout":"0","is_checkout_tax_enabled":"0","is_checkout_autoscroll_enabled":"true","is_user_logged_in":"0"};
851/* ]]> */
852</script>
vendor: 1 bytes, line 852
852
853<script type="text/javascript" src="https://oflutter.com/wp-content/plugins/wp-user-avatar/assets/js/frontend.min.js?ver=4.17.5" id="ppress-frontend-script-js"></script>
vendor: 1 bytes, line 853
853
854<script type="text/javascript" src="https://oflutter.com/wp-content/themes/revenueplus/assets/js/superfish.js?ver=6.8.10" id="superfish-js"></script>
vendor: 1 bytes, line 854
854
855<script type="text/javascript" src="https://oflutter.com/wp-content/themes/revenueplus/assets/js/jquery.slicknav.min.js?ver=6.8.10" id="slicknav-js"></script>
vendor: 1 bytes, line 855
855
856<script type="text/javascript" src="https://oflutter.com/wp-content/themes/revenueplus/assets/js/modernizr.min.js?ver=6.8.10" id="modernizr-js"></script>
vendor: 1 bytes, line 856
856
857<script type="text/javascript" src="https://oflutter.com/wp-content/themes/revenueplus/assets/js/html5.js?ver=6.8.10" id="html5-js"></script>
vendor: 1 bytes, line 857
857
858<script type="text/javascript" src="https://oflutter.com/wp-content/themes/revenueplus/assets/js/jquery.bxslider.min.js?ver=6.8.10" id="bxslider-js"></script>
vendor: 1 bytes, line 858
858
859<script type="text/javascript" src="https://oflutter.com/wp-content/themes/revenueplus/assets/js/jquery.tabslet.min.js?ver=20181120" id="tabslet-js"></script>
vendor: 1 bytes, line 859
859
860<script type="text/javascript" src="https://oflutter.com/wp-content/themes/revenueplus/assets/js/jquery.custom.js?ver=20200320" id="custom-js"></script>
860
861
862</body>
863</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.