{"id":2054,"date":"2023-07-14T08:28:37","date_gmt":"2023-07-14T08:28:37","guid":{"rendered":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/?p=2054"},"modified":"2023-07-14T08:28:37","modified_gmt":"2023-07-14T08:28:37","slug":"sombreados-en-flutter-1a-parte","status":"publish","type":"post","link":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/","title":{"rendered":"Sombreados en Flutter (1\u00aa Parte)"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2090\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter.jpg\" alt=\"\" width=\"588\" height=\"469\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter.jpg 588w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter-300x239.jpg 300w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/p>\n<p>En este art\u00edculo exploraremos el uso de<strong> ShaderMask<\/strong> en Flutter y aprenderemos sobre la propiedad blendMode, que nos permite aplicar diferentes efectos de mezcla en ShaderMask. M\u00e1s delante, os contar\u00e9 c\u00f3mo utilizar estas herramientas para mejorar nuestras im\u00e1genes y crear efectos visualmente atractivos en nuestras aplicaciones Flutter.<\/p>\n<p><!--more--><\/p>\n<p>Arrancamos centr\u00e1ndonos en ShaderMask y c\u00f3mo utilizarlo en Flutter.<\/p>\n<h2>\u00bfQu\u00e9 es ShaderMask?<\/h2>\n<p>Es un widget que aplica un efecto de sombreado a un widget hijo utilizando diferentes tipos de gradientes, tales como LinearGradient, RadialGradient y SweepGradient. Estos gradientes se pueden utilizar como sombreadores en el widget ShaderMask para aplicar efectos visuales al widget secundario.<\/p>\n<ul>\n<li>LinearGradient: Crea un efecto de degradado lineal, donde los colores se mezclan a lo largo de una l\u00ednea recta.<\/li>\n<li>RadialGradient: Crea un efecto de degradado radial, donde los colores se extienden desde un punto central hacia afuera en forma circular.<\/li>\n<li>SweepGradient: Crea un efecto de degradado en barrido, donde los colores se distribuyen en forma de arco alrededor de un punto central.<\/li>\n<\/ul>\n<p>Sin embargo, esto no es suficiente para utilizar ShaderMask. Tambi\u00e9n necesitamos aplicar algunos efectos adicionales a la imagen para mejorarla a\u00fan m\u00e1s, y para ello utilizaremos la propiedad blendMode.<\/p>\n<h2>BlendMode<\/h2>\n<p>BlendMode es una propiedad que se utiliza para aplicar diferentes efectos de mezcla en ShaderMask. Los efectos de BlendMode se basan en los conceptos de origen y destino. Todos los tipos de efectos de mezcla se aplican en funci\u00f3n de estos dos t\u00e9rminos. Puedes aprender m\u00e1s sobre estos t\u00e9rminos en detalle aqu\u00ed <em><a>https:\/\/api.flutter.dev\/flutter\/dart-ui\/BlendMode.html<\/a><\/em><\/p>\n<p>A continuaci\u00f3n, os muestro un par de ejemplos aplicando la propiedad blendMode y diferentes gradientes.<\/p>\n<h4><strong>Creando un atardecer &#8211; LinearGradient<\/strong><\/h4>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2062\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-138x300.png\" alt=\"\" width=\"138\" height=\"300\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-138x300.png 138w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-472x1024.png 472w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-768x1665.png 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-709x1536.png 709w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-945x2048.png 945w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-610x1322.png 610w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original.png 1290w\" sizes=\"auto, (max-width: 138px) 100vw, 138px\" \/>\u00a0\u00a0 <\/a><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2060\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient-138x300.png\" alt=\"\" width=\"138\" height=\"300\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient-138x300.png 138w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient-472x1024.png 472w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient-768x1665.png 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient-709x1536.png 709w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient-945x2048.png 945w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient-610x1322.png 610w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/lineargradient.png 1290w\" sizes=\"auto, (max-width: 138px) 100vw, 138px\" \/><\/a><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\nShaderMask(\r\n  blendMode: BlendMode.color,\r\n  shaderCallback: (rect) {\r\n    return const LinearGradient(\r\n            begin: Alignment.topCenter,\r\n            end: Alignment.bottomCenter,\r\n            colors: &#x5B;Colors.white54, Colors.orangeAccent])\r\n        .createShader(rect);\r\n  },\r\n  child: Center(\r\n    child: SizedBox(\r\n      width: double.infinity,\r\n      height: double.infinity,\r\n      child: Image.asset(\r\n        &quot;assets\/image_original.jpg&quot;,\r\n        fit: BoxFit.cover,\r\n      ),\r\n    ),\r\n  ),\r\n),\r\n\r\n<\/pre>\n<h3><strong>Difuminando la imagen &#8211; RadialGradient<\/strong><\/h3>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2062\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-138x300.png\" alt=\"\" width=\"138\" height=\"300\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-138x300.png 138w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-472x1024.png 472w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-768x1665.png 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-709x1536.png 709w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-945x2048.png 945w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original-610x1322.png 610w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/screenshot_original.png 1290w\" sizes=\"auto, (max-width: 138px) 100vw, 138px\" \/><\/a> \u00a0\u00a0\u00a0 <a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2061\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient-138x300.png\" alt=\"\" width=\"138\" height=\"300\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient-138x300.png 138w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient-472x1024.png 472w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient-768x1665.png 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient-709x1536.png 709w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient-945x2048.png 945w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient-610x1322.png 610w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/radialgradient.png 1290w\" sizes=\"auto, (max-width: 138px) 100vw, 138px\" \/><\/a><\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\r\nShaderMask(\r\n  blendMode: BlendMode.dstOut,\r\n  shaderCallback: (rect) {\r\n    return const RadialGradient(\r\n      radius: 1,\r\n      tileMode: TileMode.clamp,\r\n      stops: &#x5B;0, 1],\r\n      colors: &#x5B;\r\n        Colors.transparent,\r\n        Colors.white,\r\n      ],\r\n    ).createShader(rect);\r\n  },\r\n  child: Center(\r\n    child: SizedBox(\r\n      width: double.infinity,\r\n      height: double.infinity,\r\n      child: Image.asset(\r\n        &quot;assets\/image_original.jpg&quot;,\r\n        fit: BoxFit.cover,\r\n      ),\r\n    ),\r\n  ),\r\n),\r\n<\/pre>\n<p>Con esto finalizamos la primera parte sobre sombreados.<\/p>\n<p>Para la segunda os lo explicar\u00e9 m\u00e1s a fondo. Es un tema bastante complejo y que requiere conocimientos de matem\u00e1ticas, lenguaje glsl y en concreto para flutter saber manejar correctamente CustomPainter.<\/p>\n<p>Mientras tanto, si no puedes esperar, hay documentaci\u00f3n oficial para ir abriendo boca \ud83d\udc49\u00a0<span style=\"color: #0000ff;\"><a style=\"color: #0000ff;\">https:\/\/docs.flutter.dev\/ui\/advanced\/shaders<\/a><\/span><\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content --><span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo exploraremos el uso de ShaderMask en Flutter y aprenderemos sobre la propiedad blendMode, que nos permite aplicar diferentes efectos de mezcla en ShaderMask. M\u00e1s delante, os contar\u00e9 c\u00f3mo utilizar estas herramientas para mejorar nuestras im\u00e1genes y crear &hellip; <a href=\"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":214,"featured_media":2090,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[130],"tags":[],"class_list":["post-2054","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Sombreados en Flutter (1\u00aa Parte) - Piensa en software, desarrolla en colores<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sombreados en Flutter (1\u00aa Parte)\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo exploraremos el uso de ShaderMask en Flutter y aprenderemos sobre la propiedad blendMode, que nos permite aplicar diferentes efectos de mezcla en ShaderMask. M\u00e1s delante, os contar\u00e9 c\u00f3mo utilizar estas herramientas para mejorar nuestras im\u00e1genes y crear &hellip; Continue reading &rarr;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/\" \/>\n<meta property=\"og:site_name\" content=\"Piensa en software, desarrolla en colores\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-14T08:28:37+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"588\" \/>\n\t<meta property=\"og:image:height\" content=\"469\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gabriel Mu\u00f1oz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriel Mu\u00f1oz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/\"},\"author\":{\"name\":\"Gabriel Mu\u00f1oz\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#\\\/schema\\\/person\\\/81011d481f2ad62d45d7ebf28701245a\"},\"headline\":\"Sombreados en Flutter (1\u00aa Parte)\",\"datePublished\":\"2023-07-14T08:28:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/\"},\"wordCount\":450,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2023\\\/06\\\/colores-flutter.jpg\",\"articleSection\":[\"Flutter\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/\",\"name\":\"Sombreados en Flutter (1\u00aa Parte) - Piensa en software, desarrolla en colores\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2023\\\/06\\\/colores-flutter.jpg\",\"datePublished\":\"2023-07-14T08:28:37+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#\\\/schema\\\/person\\\/81011d481f2ad62d45d7ebf28701245a\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/sombreados-en-flutter-1a-parte\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2023\\\/06\\\/colores-flutter.jpg\",\"contentUrl\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2023\\\/06\\\/colores-flutter.jpg\",\"width\":588,\"height\":469},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#website\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/\",\"name\":\"Piensa en software, desarrolla en colores\",\"description\":\"Las ventajas que te ofrece Microsoft Azure y el mundo.NET\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#\\\/schema\\\/person\\\/81011d481f2ad62d45d7ebf28701245a\",\"name\":\"Gabriel Mu\u00f1oz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/14c2c5e356ca5d0bd864d89c93ec2c9a853890c7950536362a60051bb5ff5623?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/14c2c5e356ca5d0bd864d89c93ec2c9a853890c7950536362a60051bb5ff5623?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/14c2c5e356ca5d0bd864d89c93ec2c9a853890c7950536362a60051bb5ff5623?s=96&d=mm&r=g\",\"caption\":\"Gabriel Mu\u00f1oz\"},\"description\":\"Soy un apasionado desarrollador de aplicaciones m\u00f3viles que se est\u00e1 especializando en el uso de Flutter y la adopci\u00f3n de buenas pr\u00e1cticas de desarrollo, como la arquitectura limpia (Clean Architecture) y los principios SOLID. Mi dedicaci\u00f3n por seguir las mejores pr\u00e1cticas en cada proyecto forma parte de mi compromiso con la calidad del c\u00f3digo y la creaci\u00f3n de aplicaciones s\u00f3lidas y mantenibles.\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/author\\\/gmunoz\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Sombreados en Flutter (1\u00aa Parte) - Piensa en software, desarrolla en colores","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/","og_locale":"es_ES","og_type":"article","og_title":"Sombreados en Flutter (1\u00aa Parte)","og_description":"En este art\u00edculo exploraremos el uso de ShaderMask en Flutter y aprenderemos sobre la propiedad blendMode, que nos permite aplicar diferentes efectos de mezcla en ShaderMask. M\u00e1s delante, os contar\u00e9 c\u00f3mo utilizar estas herramientas para mejorar nuestras im\u00e1genes y crear &hellip; Continue reading &rarr;","og_url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/","og_site_name":"Piensa en software, desarrolla en colores","article_published_time":"2023-07-14T08:28:37+00:00","og_image":[{"width":588,"height":469,"url":"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter.jpg","type":"image\/jpeg"}],"author":"Gabriel Mu\u00f1oz","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Gabriel Mu\u00f1oz","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/#article","isPartOf":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/"},"author":{"name":"Gabriel Mu\u00f1oz","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#\/schema\/person\/81011d481f2ad62d45d7ebf28701245a"},"headline":"Sombreados en Flutter (1\u00aa Parte)","datePublished":"2023-07-14T08:28:37+00:00","mainEntityOfPage":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/"},"wordCount":450,"commentCount":0,"image":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter.jpg","articleSection":["Flutter"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/","url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/","name":"Sombreados en Flutter (1\u00aa Parte) - Piensa en software, desarrolla en colores","isPartOf":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/#primaryimage"},"image":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter.jpg","datePublished":"2023-07-14T08:28:37+00:00","author":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#\/schema\/person\/81011d481f2ad62d45d7ebf28701245a"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/sombreados-en-flutter-1a-parte\/#primaryimage","url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter.jpg","contentUrl":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2023\/06\/colores-flutter.jpg","width":588,"height":469},{"@type":"WebSite","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#website","url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/","name":"Piensa en software, desarrolla en colores","description":"Las ventajas que te ofrece Microsoft Azure y el mundo.NET","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#\/schema\/person\/81011d481f2ad62d45d7ebf28701245a","name":"Gabriel Mu\u00f1oz","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/14c2c5e356ca5d0bd864d89c93ec2c9a853890c7950536362a60051bb5ff5623?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/14c2c5e356ca5d0bd864d89c93ec2c9a853890c7950536362a60051bb5ff5623?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/14c2c5e356ca5d0bd864d89c93ec2c9a853890c7950536362a60051bb5ff5623?s=96&d=mm&r=g","caption":"Gabriel Mu\u00f1oz"},"description":"Soy un apasionado desarrollador de aplicaciones m\u00f3viles que se est\u00e1 especializando en el uso de Flutter y la adopci\u00f3n de buenas pr\u00e1cticas de desarrollo, como la arquitectura limpia (Clean Architecture) y los principios SOLID. Mi dedicaci\u00f3n por seguir las mejores pr\u00e1cticas en cada proyecto forma parte de mi compromiso con la calidad del c\u00f3digo y la creaci\u00f3n de aplicaciones s\u00f3lidas y mantenibles.","url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/author\/gmunoz\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/posts\/2054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/users\/214"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/comments?post=2054"}],"version-history":[{"count":0,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/posts\/2054\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/media\/2090"}],"wp:attachment":[{"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/media?parent=2054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/categories?post=2054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/tags?post=2054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}