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 » Feed" href="https://oflutter.com/feed/" /> 35<link rel="alternate" type="application/rss+xml" title="Oflutter.com » Comments Feed" href="https://oflutter.com/comments/feed/" /> 36<link rel="alternate" type="application/rss+xml" title="Oflutter.com » 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 – 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’s identify the IconButton() widget, and why you should use it. The… </p> 455 <span class="read-more"><a href="https://oflutter.com/flutter-iconbutton-tips-and-tricks-2023/">Read more »</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… </p> 487 <span class="read-more"><a href="https://oflutter.com/flutter-style-elevatedbutton-widget-with-buttonstyle/">Read more »</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’s hard to read and maintain. This might happened not because the code is bad, or written… </p> 519 <span class="read-more"><a href="https://oflutter.com/flutter-how-to-create-a-custom-text-widget-2021/">Read more »</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 AppBar 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… </p> 551 <span class="read-more"><a href="https://oflutter.com/flutter-appbar-best-practice/">Read more »</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…</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 – 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 “layoutExtent” exceeds the “paintExtent”.</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&d=wavatar&r=g' srcset='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=128&d=wavatar&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&d=wavatar&r=g' srcset='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=128&d=wavatar&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&d=wavatar&r=g' srcset='https://secure.gravatar.com/avatar/?s=128&d=wavatar&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…</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&d=wavatar&r=g' srcset='https://secure.gravatar.com/avatar/dae70ea066016a24d4633e3040c602ebfde35849c64f90f34ed63edfdf8db674?s=128&d=wavatar&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…</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&d=wavatar&r=g' srcset='https://secure.gravatar.com/avatar/4336acf6ddfa3683f2d4e28d0c3eeeb173168c9d2726a9fa61e1b2801ae410d4?s=128&d=wavatar&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 & 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.