CINXE.COM

<!DOCTYPE html><html xmlns:cc="http://creativecommons.org/ns#"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# medium-com: http://ogp.me/ns/fb/medium-com#"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=contain"><title>Jetpack Compose – Mobile App Development Publication – Medium</title><link rel="canonical" href="https://medium.com/mobile-app-development-publication/tagged/jetpack-compose"><link id="feedLink" rel="alternate" type="application/rss+xml" title="RSS" href="https://medium.com/feed/mobile-app-development-publication/tagged/jetpack-compose"><meta name="robots" content="index,follow"><meta name="title" content="Jetpack Compose – Mobile App Development Publication – Medium"><meta name="referrer" content="unsafe-url"><meta name="description" content="Read writing about Jetpack Compose in Mobile App Development Publication. Sharing iOS, Android and relevant Mobile App Development Technology and Learning."><meta name="theme-color" content="#000000"><meta property="og:title" content="Jetpack Compose – Mobile App Development Publication – Medium"><meta property="twitter:title" content="Jetpack Compose – Mobile App Development Publication – Medium"><meta property="og:url" content="https://medium.com/mobile-app-development-publication/tagged/jetpack-compose"><meta property="fb:app_id" content="542599432471018"><meta property="og:description" content="Read writing about Jetpack Compose in Mobile App Development Publication. Sharing iOS, Android and relevant Mobile App Development Technology and Learning."><meta name="twitter:description" content="Read writing about Jetpack Compose in Mobile App Development Publication. Sharing iOS, Android and relevant Mobile App Development Technology and Learning."><meta name="twitter:image:src" content=""><meta property="og:type" content="medium-com:collection"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@Medium"><meta property="og:site_name" content="Medium"><meta name="twitter:app:name:iphone" content="Medium"><meta name="twitter:app:id:iphone" content="828256236"><meta name="twitter:app:url:iphone" content="medium://mobile-app-development-publication/tagged/jetpack-compose"><meta property="al:ios:app_name" content="Medium"><meta property="al:ios:app_store_id" content="828256236"><meta property="al:android:package" content="com.medium.reader"><meta property="al:android:app_name" content="Medium"><meta property="al:ios:url" content="medium://mobile-app-development-publication/tagged/jetpack-compose"><meta property="al:android:url" content="medium://mobile-app-development-publication/tagged/jetpack-compose"><meta property="al:web:url" content="https://medium.com/mobile-app-development-publication/tagged/jetpack-compose"><link rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml" /><link rel="alternate" href="android-app://com.medium.reader/https/medium.com/mobile-app-development-publication/tagged/jetpack-compose" /><link rel="stylesheet" href="https://cdn-static-1.medium.com/_/fp/css/main-branding-base.tWIMt8r3Nl52PPi9OfgcVw.12.css"><script>!function(n,e){var t,o,i,c=[],f={passive:!0,capture:!0},r=new Date,a="pointerup",u="pointercancel";function p(n,c){t||(t=c,o=n,i=new Date,w(e),s())}function s(){o>=0&&o<i-r&&(c.forEach(function(n){n(o,t)}),c=[])}function l(t){if(t.cancelable){var o=(t.timeStamp>1e12?new Date:performance.now())-t.timeStamp;"pointerdown"==t.type?function(t,o){function i(){p(t,o),r()}function c(){r()}function r(){e(a,i,f),e(u,c,f)}n(a,i,f),n(u,c,f)}(o,t):p(o,t)}}function w(n){["click","mousedown","keydown","touchstart","pointerdown"].forEach(function(e){n(e,l,f)})}w(n),self.perfMetrics=self.perfMetrics||{},self.perfMetrics.onFirstInputDelay=function(n){c.push(n),s()}}(addEventListener,removeEventListener);</script><script>document.domain = document.domain;</script><script>if (window.top !== window.self) window.location = 'about:blank';var OB_startTime = new Date().getTime(); var OB_loadErrors = []; function _onerror(e) { OB_loadErrors.push(e) }; if (document.addEventListener) document.addEventListener("error", _onerror, true); else if (document.attachEvent) document.attachEvent("onerror", _onerror); function _asyncScript(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = u; f.parentNode.insertBefore(s, f);}function _asyncStyles(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("link"); s.rel = "stylesheet"; s.href = u; f.parentNode.insertBefore(s, f); return s}(new Image()).src = "/_/stat?event=pixel.load&origin=" + encodeURIComponent(location.origin);</script><script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga("create", "G-7JY7T788PK", "auto", {"allowLinker": true, "legacyCookieDomain": window.location.hostname});ga("send", "pageview");</script><script async src="https://www.google-analytics.com/analytics.js"></script><script>(function () {var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; document.write("<style>section.section-image--fullBleed.is-backgrounded {padding-top: " + Math.round(1.1 * height) + "px;}section.section-image--fullScreen.is-backgrounded, section.section-image--coverFade.is-backgrounded {min-height: " + height + "px; padding-top: " + Math.round(0.5 * height) + "px;}.u-height100vh {height: " + height + "px !important;}.u-height110vh {height: " + Math.round(1.1 * height) + "px !important;}.u-minHeight100vh {min-height: " + height + "px !important;}.u-maxHeight100vh {max-height: " + height + "px !important;}section.section-image--coverFade {height: " + height + "px;}.section-aspectRatioViewportPlaceholder, .section-aspectRatioViewportCropPlaceholder {max-height: " + height + "px;}.section-aspectRatioViewportBottomSpacer, .section-aspectRatioViewportBottomPlaceholder {max-height: " + Math.round(0.5 * height) + "px;}.zoomable:before {top: " + (-1 * height) + "px; left: " + (-1 * width) + "px; padding: " + height + "px " + width + "px;}</style>");})()</script><link rel="icon" href="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19" class="js-favicon"><link rel="apple-touch-icon" sizes="152x152" href="https://cdn-images-1.medium.com/fit/c/304/304/1*r5bO5bEjNCKLt6fKZbPdCA.png"><link rel="apple-touch-icon" sizes="120x120" href="https://cdn-images-1.medium.com/fit/c/240/240/1*r5bO5bEjNCKLt6fKZbPdCA.png"><link rel="apple-touch-icon" sizes="76x76" href="https://cdn-images-1.medium.com/fit/c/152/152/1*r5bO5bEjNCKLt6fKZbPdCA.png"><link rel="apple-touch-icon" sizes="60x60" href="https://cdn-images-1.medium.com/fit/c/120/120/1*r5bO5bEjNCKLt6fKZbPdCA.png"><link rel="mask-icon" href="https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.12.svg" color="#171717"></head><body itemscope class=" browser-ie os-windows v-unbound v-glyph v-glyph--m2-unbound-source-serif-pro is-noJs"><script>document.body.className = document.body.className.replace(/(^|\s)is-noJs(\s|$)/, "$1is-js$2")</script><div class="site-main" id="container"><div class="butterBar butterBar--error"></div><div class="surface"><div id="prerendered" class="screenContent"><div class="metabar u-clearfix u-boxShadow4px12pxBlackLightest js-metabar"><div class="branch-journeys-top"></div><div class="js-metabarMiddle metabar-inner u-marginAuto u-maxWidth1032 u-flexCenter u-justifyContentSpaceBetween u-height65 u-xs-height56 u-paddingHorizontal20"><div class="metabar-block u-flex1 u-flexCenter"><div class="js-metabarLogoLeft"><a href="https://medium.com/" data-log-event="home" class="siteNav-logo u-fillBlack u-flex0 u-flexCenter u-paddingTop0"><span class="svgIcon svgIcon--wordmarkMedium svgIcon--120x26px u-flex"><svg class="svgIcon-use" width="120" height="26" ><path d="M29.57 1.404l.036-.008V1.12h-7.27l-6.75 15.979-6.75-15.98H1.003v.278l.035.008c1.327.302 2 .752 2 2.374v18.993c0 1.623-.676 2.073-2.003 2.374L1 25.153v.279h5.315v-.278l-.035-.008c-1.327-.302-2-.751-2-2.374V4.88l8.67 20.552h.492l8.924-21.125V23.24c-.114 1.282-.782 1.677-1.983 1.95l-.036.009v.275h9.259V25.2l-.036-.008c-1.203-.274-1.886-.67-2-1.95l-.006-19.464h.006c0-1.622.674-2.072 2-2.374zm4.23 12.582c.15-3.412 1.367-5.875 3.41-5.918.629.01 1.157.219 1.568.62.872.852 1.282 2.634 1.219 5.298h-6.198zm-.092.962h10.85v-.046c-.03-2.61-.78-4.64-2.228-6.033-1.25-1.204-3.103-1.867-5.048-1.867h-.043c-1.01 0-2.248.246-3.13.693a7.316 7.316 0 00-2.623 2.086c-1.185 1.479-1.903 3.477-2.078 5.724a13.717 13.717 0 00-.04.755c-.004.195-.005.39-.001.587.117 5.087 2.846 9.153 7.692 9.153 4.254 0 6.73-3.132 7.348-7.336l-.312-.11c-1.085 2.259-3.034 3.628-5.252 3.461-3.028-.228-5.347-3.32-5.137-7.066m23.122 6.893c-.356.85-1.099 1.319-2.094 1.319-.995 0-1.905-.689-2.552-1.939-.694-1.342-1.06-3.24-1.06-5.487 0-4.678 1.445-7.704 3.68-7.704.937 0 1.674.468 2.026 1.284v12.527zm7.198 3.335c-1.327-.316-2-.787-2-2.492V0l-8.062 2.392v.293l.05-.004c1.111-.09 1.866.064 2.304.472.343.32.51.809.51 1.498v3.11C56.033 7.25 55.088 7 53.94 7c-2.326 0-4.453.987-5.986 2.779-1.599 1.867-2.444 4.42-2.444 7.38 0 5.287 2.584 8.84 6.43 8.84 2.25 0 4.06-1.242 4.888-3.336v2.811h7.233v-.29l-.035-.008zM70.94 3.085c0-1.65-1.236-2.896-2.875-2.896-1.632 0-2.908 1.272-2.908 2.896 0 1.624 1.278 2.896 2.908 2.896 1.64 0 2.875-1.245 2.875-2.896zm1.903 22.092c-1.327-.316-2-.787-2-2.492h-.006V7.055l-7.234 2.092v.284l.043.004c1.566.14 1.994.683 1.994 2.525v13.515h7.24v-.29l-.037-.008zm18.536 0c-1.327-.316-2-.787-2-2.492V7.055L82.49 9.078v.285l.04.004c1.28.136 1.65.71 1.65 2.56v9.88c-.426.85-1.227 1.356-2.196 1.39-1.573 0-2.439-1.07-2.439-3.012V7.055l-7.234 2.092v.284l.044.004c1.565.14 1.994.683 1.994 2.525v8.362a9.443 9.443 0 00.15 1.741l.13.57C75.243 24.845 76.848 26 79.362 26c2.129 0 3.996-1.328 4.818-3.405v2.885h7.233v-.291l-.034-.012zm28.102.298v-.291l-.035-.009c-1.44-.334-2.001-.964-2.001-2.248V12.295C117.445 8.98 115.597 7 112.5 7c-2.257 0-4.16 1.314-4.893 3.36-.582-2.168-2.257-3.36-4.734-3.36-2.175 0-3.88 1.156-4.612 3.11V7.056l-7.233 2.006v.286l.043.004c1.547.138 1.994.697 1.994 2.492v13.631h6.75v-.29l-.037-.01c-1.148-.271-1.519-.767-1.519-2.04V10.95c.304-.715.917-1.562 2.127-1.562 1.504 0 2.266 1.05 2.266 3.116v12.972h6.751v-.29l-.035-.01c-1.149-.271-1.52-.767-1.52-2.04V12.294a7.107 7.107 0 00-.095-1.21c.322-.777.97-1.696 2.23-1.696 1.524 0 2.265 1.02 2.265 3.116v12.972h7.233z"/></svg></span><span class="u-textScreenReader">Homepage</span></a></div><div class="u-paddingLeft10 u-sm-show r-paddingRight10"><a href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com/mobile-app-development-publication%3F~feature=LoMobileNavBar&~channel=ShowCollectionHome&~stage=m2">Open in app</a></div></div><div class="metabar-block u-flex0 u-flexCenter"><div class="u-flexCenter u-height65 u-xs-height56"><div class="buttonSet buttonSet--wide u-lineHeightInherit"><a class="button button--primary button--chromeless u-accentColor--buttonNormal is-inSiteNavBar u-xs-hide js-signInButton" href="https://medium.com/m/signin?redirect=https%3A%2F%2Fmedium.com%2Fmobile-app-development-publication%2Ftagged%2Fjetpack-compose&source=--------------------------nav_reg&operation=login" data-action="sign-in-prompt" data-redirect="https://medium.com/mobile-app-development-publication/tagged/jetpack-compose" data-action-source="--------------------------nav_reg">Sign in</a><a class="button button--primary button--withChrome u-accentColor--buttonNormal is-inSiteNavBar js-signUpButton" href="https://medium.com/m/signin?redirect=https%3A%2F%2Fmedium.com%2Fmobile-app-development-publication%2Ftagged%2Fjetpack-compose&source=--------------------------nav_reg&operation=register" data-action="sign-up-prompt" data-redirect="https://medium.com/mobile-app-development-publication/tagged/jetpack-compose" data-action-source="--------------------------nav_reg">Get started</a></div></div></div></div><div class="u-borderTopLighter " ><div class="metabar-inner u-marginAuto u-maxWidth1032 u-paddingHorizontal20 js-metabarBottom"><nav role="navigation" class="metabar-block metabar-block--below u-flexCenter u-overflowHidden u-height54"><div class="u-flexCenter u-overflowHidden"><div class="u-marginRight40"><a href="https://medium.com/mobile-app-development-publication?source=logo-lo_011dbf4a9061---f9c208bdbb09" class="u-flexCenter js-collectionLogoOrName"><img height="36" width="300" src="https://cdn-images-1.medium.com/letterbox/600/72/50/50/1*MdMgVRTnupYGv9gYoKASQQ.png?source=logoAvatar-lo_011dbf4a9061---f9c208bdbb09" alt="Mobile App Development Publication" /></a></div><div class="u-overflowHidden u-xs-hide"><ul class="u-textAlignLeft u-noWrap u-overflowX u-height80 u-marginTop40 js-collectionNavItems"><li class="metabar-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 u-xs-paddingTop10"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/mobile-app-development-publication/tagged/android-app-development">Android App Development</a></li><li class="metabar-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 u-xs-paddingTop10"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/mobile-app-development-publication/tagged/ios-app-development">iOS App Development</a></li><li class="metabar-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 u-xs-paddingTop10"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/mobile-app-development-publication/tagged/jetpack-compose">Jetpack Compose</a></li><li class="metabar-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 u-xs-paddingTop10"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/mobile-app-development-publication/tagged/kotlin">Kotlin</a></li><li class="metabar-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 u-xs-paddingTop10"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/mobile-app-development-publication/tagged/swift">Swift</a></li><li class="metabar-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 u-xs-paddingTop10"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/mobile-app-development-publication/dagger/home">Dagger</a></li><li class="metabar-navItem js-collectionNavItem u-inlineBlock u-fontSize13 u-textUppercase u-letterSpacing1px u-textColorNormal u-xs-paddingRight12 u-xs-marginRight0 u-xs-paddingTop10"><a class="link link--darken u-accentColor--textDarken link--noUnderline u-baseColor--link js-navItemLink" href="https://medium.com/mobile-app-development-publication/android-ui/home">Android UI</a></li></ul></div></div></nav></div></div></div><div class="metabar metabar--spacer js-metabarSpacer u-height119 u-xs-height110"></div><div class="container u-foreground u-maxWidth1032 u-paddingTop40"><div class="row u-relative"><div class="col u-size12of12"><div class="row"><div class="col u-size4of12 js-aboutCollectionBox"><header class="heading heading--page u-marginTop0 u-xs-marginTop20 u-sm-marginBottom5" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><div class="heading-prefix">Tagged in</div><h1 class="heading-title heading-title--bold u-marginTop0 u-xs-marginTop20 u-sm-marginBottom5">Jetpack Compose</h1></div></div></header><div class="u-sm-hide"><div class="u-tableCell"><a class="link u-baseColor--link avatar avatar--roundedRectangle" href="https://medium.com/mobile-app-development-publication" title="Go to Mobile App Development Publication" aria-label="Go to Mobile App Development Publication"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*r5bO5bEjNCKLt6fKZbPdCA.png" class="avatar-image u-size36x36 u-xs-size32x32" alt="Mobile App Development Publication"></a></div><div class="u-tableCell u-verticalAlignMiddle u-textColorNormal u-fontSize16 u-breakWord u-paddingLeft10">Mobile App Development Publication</div><div class="u-fontSize14 u-lineHeightBaseSans u-textColorDark u-paddingTop15 u-paddingBottom15"><div class="u-marginBottom15 u-breakWord">Sharing iOS, Android and relevant Mobile App Development Technology and Learning</div><a class=" link--darken u-accentColor--textDarken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication/about">More information</a></div><div class="u-fontSize14 u-lineHeightBaseSans u-textColorDark u-paddingBottom15"><header class="heading heading--allCaps heading--light" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title">Followers</span></div></div></header>3.6K </div><div class="u-fontSize14 u-lineHeightBaseSans u-marginBottom4 u-paddingBottom15"><header class="heading heading--allCaps heading--light" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title">Elsewhere</span></div></div></header><div class="linkSet"><a class="button button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--dark button--chromeless" href="https://twitter.com/elye_project" title="X profile" aria-label="X profile" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--twitter svgIcon--21px"><svg class="svgIcon-use" width="21" height="21" fill="none" ><path d="M11.74 9.478l4.842-5.628h-1.147l-4.204 4.887L7.873 3.85H4l5.078 7.39L4 17.142h1.147l4.44-5.16 3.546 5.16h3.873L11.74 9.478zm-1.571 1.827l-.514-.736L5.56 4.714h1.762l3.304 4.725.514.736 4.295 6.143h-1.763l-3.504-5.013z" fill="#242424"/></svg></span></span></a><a class="button button--dark button--chromeless is-touchIconBlackPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--dark button--chromeless" href="//facebook.com/elye.proj" title="Facebook page" aria-label="Facebook page" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--facebookFilled svgIcon--21px"><svg class="svgIcon-use" width="21" height="21" ><path d="M18.26 10.55c0-4.302-3.47-7.79-7.75-7.79-4.28 0-7.75 3.488-7.75 7.79a7.773 7.773 0 006.535 7.684v-5.49h-1.89v-2.2h1.89v-1.62c0-1.882 1.144-2.907 2.814-2.907.8 0 1.48.06 1.68.087V8.07h-1.15c-.91 0-1.09.435-1.09 1.07v1.405h2.16l-.28 2.2h-1.88v5.515c3.78-.514 6.7-3.766 6.7-7.71"/></svg></span></span></a></div></div><div class="u-fontSize14 u-lineHeightBaseSans u-textColorDark u-paddingBottom15"><header class="heading heading--allCaps heading--light u-marginBottom10" ><div class="u-clearfix"><div class="heading-content u-floatLeft"><span class="heading-title u-marginBottom10">More, on Medium</span></div></div></header><ul class="tags tags--postTags tags--light"><li><a class="link u-baseColor--link" href="https://medium.com/tag/jetpack-compose">Jetpack Compose</a></li></ul></div></div></div><div class="col u-size8of12 u-sm-size12of12"><div class="u-marginBottom40 u-sm-marginBottom20"><div class="u-height65 u-sm-hide"></div></div><div class="js-tagStream"><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="9b69943cf92d" data-source="---------0-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@harmanpreet.khera" data-action="show-user-card" data-action-value="4588dfdfdccb" data-action-type="hover" data-user-id="4588dfdfdccb" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*z0eDkJYyTzE_ZZbY9Cy7KA@2x.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Harman Khera"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@harmanpreet.khera?source=---------0-----------------------" data-action="show-user-card" data-action-source="---------0-----------------------" data-action-value="4588dfdfdccb" data-action-type="hover" data-user-id="4588dfdfdccb" dir="auto">Harman Khera</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------0-----------------------" data-action="show-collection-card" data-action-source="---------0-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/the-future-of-android-development-embracing-emerging-trends-and-technologies-9b69943cf92d?source=---------0-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/the-future-of-android-development-embracing-emerging-trends-and-technologies-9b69943cf92d?source=---------0-----------------------" data-action-source="preview-listing" ><time datetime="2024-10-29T00:36:28.187Z">Oct 28</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="5 min read"></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/the-future-of-android-development-embracing-emerging-trends-and-technologies-9b69943cf92d?source=---------0-----------------------" data-action-source="---------0-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="1*08RqtZl6VlTPsT6WEo073A.jpeg" data-width="6000" data-height="4000" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/1*08RqtZl6VlTPsT6WEo073A.jpeg"></div></figure><h4 name="2694" id="2694" class="graf graf--h4 graf-after--figure graf--kicker">Learning Android Develo</h4><h3 name="215e" id="215e" class="graf graf--h3 graf-after--h4 graf--trailing graf--title">The Future of Android Development: Embracing Emerging Trends and Technologies</h3></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/the-future-of-android-development-embracing-emerging-trends-and-technologies-9b69943cf92d?source=---------0-----------------------" data-action="open-post" data-action-source="---------0-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/the-future-of-android-development-embracing-emerging-trends-and-technologies-9b69943cf92d?source=---------0-----------------------" data-post-id="9b69943cf92d">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="9b69943cf92d" data-is-flush-left="true" data-source="listing-----9b69943cf92d---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/9b69943cf92d" data-action-source="listing-----9b69943cf92d---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="9b69943cf92d">23</button></span></div></div><div class="buttonSet u-floatRight"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/the-future-of-android-development-embracing-emerging-trends-and-technologies-9b69943cf92d?source=---------0-----------------------#--responses" data-action-source="---------0-----------------------">1 response</a><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="9b69943cf92d"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="dd28dec167a7" data-source="---------1-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@dkexception" data-action="show-user-card" data-action-value="317abb4f7762" data-action-type="hover" data-user-id="317abb4f7762" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*KzukN-f24qQrDJst-2dG9g.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Dhanesh Katre"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@dkexception?source=---------1-----------------------" data-action="show-user-card" data-action-source="---------1-----------------------" data-action-value="317abb4f7762" data-action-type="hover" data-user-id="317abb4f7762" dir="auto">Dhanesh Katre</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------1-----------------------" data-action="show-collection-card" data-action-source="---------1-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/beyond-the-frame-full-screen-apps-with-androids-edge-to-edge-api-dd28dec167a7?source=---------1-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/beyond-the-frame-full-screen-apps-with-androids-edge-to-edge-api-dd28dec167a7?source=---------1-----------------------" data-action-source="preview-listing" ><time datetime="2024-03-21T14:10:18.957Z">Mar 21</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="5 min read"></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/beyond-the-frame-full-screen-apps-with-androids-edge-to-edge-api-dd28dec167a7?source=---------1-----------------------" data-action-source="---------1-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="1*AJhr-lsyMDU1isKpHbQiIQ.jpeg" data-width="1536" data-height="1536" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/1*AJhr-lsyMDU1isKpHbQiIQ.jpeg"></div></figure><h4 name="ecd0" id="ecd0" class="graf graf--h4 graf-after--figure graf--kicker">Learning Android Development</h4><h3 name="5e14" id="5e14" class="graf graf--h3 graf-after--h4 graf--trailing graf--title">Beyond the Frame: Full-Screen Apps with Android’s Edge-To-Edge API</h3></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/beyond-the-frame-full-screen-apps-with-androids-edge-to-edge-api-dd28dec167a7?source=---------1-----------------------" data-action="open-post" data-action-source="---------1-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/beyond-the-frame-full-screen-apps-with-androids-edge-to-edge-api-dd28dec167a7?source=---------1-----------------------" data-post-id="dd28dec167a7">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="dd28dec167a7" data-is-flush-left="true" data-source="listing-----dd28dec167a7---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/dd28dec167a7" data-action-source="listing-----dd28dec167a7---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="dd28dec167a7">130</button></span></div></div><div class="buttonSet u-floatRight"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/beyond-the-frame-full-screen-apps-with-androids-edge-to-edge-api-dd28dec167a7?source=---------1-----------------------#--responses" data-action-source="---------1-----------------------">1 response</a><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="dd28dec167a7"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="5f64ce08256c" data-source="---------2-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@MariaLuiza-CS" data-action="show-user-card" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*0rhOlghyVNvvfLD56r4W-Q.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Maria Luíza"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@MariaLuiza-CS?source=---------2-----------------------" data-action="show-user-card" data-action-source="---------2-----------------------" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto">Maria Luíza</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------2-----------------------" data-action="show-collection-card" data-action-source="---------2-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/theming-in-compose-5f64ce08256c?source=---------2-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/theming-in-compose-5f64ce08256c?source=---------2-----------------------" data-action-source="preview-listing" ><time datetime="2023-09-08T12:01:27.196Z">Sep 8, 2023</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="4 min read"></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/theming-in-compose-5f64ce08256c?source=---------2-----------------------" data-action-source="---------2-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="1*u8COIiKhHOp2mvn93CdCUw.png" data-width="449" data-height="494" data-is-featured="true" alt="type your color" src="https://cdn-images-1.medium.com/fit/t/1600/480/1*u8COIiKhHOp2mvn93CdCUw.png"></div></figure><h4 name="9a4c" id="9a4c" class="graf graf--h4 graf-after--figure graf--kicker">Learn Android Development</h4><h3 name="7155" id="7155" class="graf graf--h3 graf-after--h4 graf--trailing graf--title">Theming in Jetpack Compose: Enhance the Visual Appeal and User Experience</h3></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/theming-in-compose-5f64ce08256c?source=---------2-----------------------" data-action="open-post" data-action-source="---------2-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/theming-in-compose-5f64ce08256c?source=---------2-----------------------" data-post-id="5f64ce08256c">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="5f64ce08256c" data-is-flush-left="true" data-source="listing-----5f64ce08256c---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/5f64ce08256c" data-action-source="listing-----5f64ce08256c---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="5f64ce08256c">90</button></span></div></div><div class="buttonSet u-floatRight"><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="5f64ce08256c"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="d16fb3e827e5" data-source="---------3-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@elye-project" data-action="show-user-card" data-action-value="5742b4fcf89e" data-action-type="hover" data-user-id="5742b4fcf89e" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*0wVPGGR_3FMoPVGzT4nbTw.png" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Elye - A One Eye Dev By His Grace"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@elye-project?source=---------3-----------------------" data-action="show-user-card" data-action-source="---------3-----------------------" data-action-value="5742b4fcf89e" data-action-type="hover" data-user-id="5742b4fcf89e" dir="auto">Elye - A One Eye Dev By His Grace</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------3-----------------------" data-action="show-collection-card" data-action-source="---------3-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/simple-jetpack-compose-tabs-with-fragments-d16fb3e827e5?source=---------3-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/simple-jetpack-compose-tabs-with-fragments-d16fb3e827e5?source=---------3-----------------------" data-action-source="preview-listing" ><time datetime="2023-08-31T11:28:05.692Z">Aug 31, 2023</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="6 min read"></span><span class="u-paddingLeft4"><span class="svgIcon svgIcon--star svgIcon--15px"><svg class="svgIcon-use" width="15" height="15" ><path d="M7.438 2.324c.034-.099.09-.099.123 0l1.2 3.53a.29.29 0 00.26.19h3.884c.11 0 .127.049.038.111L9.8 8.327a.271.271 0 00-.099.291l1.2 3.53c.034.1-.011.131-.098.069l-3.142-2.18a.303.303 0 00-.32 0l-3.145 2.182c-.087.06-.132.03-.099-.068l1.2-3.53a.271.271 0 00-.098-.292L2.056 6.146c-.087-.06-.071-.112.038-.112h3.884a.29.29 0 00.26-.19l1.2-3.52z"/></svg></span></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/simple-jetpack-compose-tabs-with-fragments-d16fb3e827e5?source=---------3-----------------------" data-action-source="---------3-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="0*SZ066HV5gSU3pp-M" data-width="5496" data-height="3670" data-unsplash-photo-id="jcD8lXN27Xs" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/0*SZ066HV5gSU3pp-M"></div></figure><h4 name="0654" id="0654" class="graf graf--h4 graf-after--figure graf--kicker">Learn Android Development</h4><h3 name="43ef" id="43ef" class="graf graf--h3 graf-after--h4 graf--trailing graf--title">Simple Jetpack Compose Tabs With Fragments</h3></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/simple-jetpack-compose-tabs-with-fragments-d16fb3e827e5?source=---------3-----------------------" data-action="open-post" data-action-source="---------3-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/simple-jetpack-compose-tabs-with-fragments-d16fb3e827e5?source=---------3-----------------------" data-post-id="d16fb3e827e5">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="d16fb3e827e5" data-is-flush-left="true" data-source="listing-----d16fb3e827e5---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/d16fb3e827e5" data-action-source="listing-----d16fb3e827e5---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="d16fb3e827e5">38</button></span></div></div><div class="buttonSet u-floatRight"><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="d16fb3e827e5"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="c10c4d0b02ee" data-source="---------4-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@MariaLuiza-CS" data-action="show-user-card" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*0rhOlghyVNvvfLD56r4W-Q.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Maria Luíza"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@MariaLuiza-CS?source=---------4-----------------------" data-action="show-user-card" data-action-source="---------4-----------------------" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto">Maria Luíza</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------4-----------------------" data-action="show-collection-card" data-action-source="---------4-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/state-with-jetpack-compose-c10c4d0b02ee?source=---------4-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/state-with-jetpack-compose-c10c4d0b02ee?source=---------4-----------------------" data-action-source="preview-listing" ><time datetime="2023-08-11T10:37:37.916Z">Aug 11, 2023</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="2 min read"></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/state-with-jetpack-compose-c10c4d0b02ee?source=---------4-----------------------" data-action-source="---------4-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="1*4gyqcyOYB6JrOJjziJGEVQ.gif" data-width="480" data-height="480" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/1*4gyqcyOYB6JrOJjziJGEVQ.gif"></div></figure><h4 name="cbc9" id="cbc9" class="graf graf--h4 graf-after--figure graf--kicker">Learning Android Development</h4><h3 name="232b" id="232b" class="graf graf--h3 graf-after--h4 graf--title">State With Jetpack Compose</h3><h4 name="eec9" id="eec9" class="graf graf--h4 graf-after--h3 graf--trailing graf--subtitle">Making State for Jetpack…</h4></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/state-with-jetpack-compose-c10c4d0b02ee?source=---------4-----------------------" data-action="open-post" data-action-source="---------4-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/state-with-jetpack-compose-c10c4d0b02ee?source=---------4-----------------------" data-post-id="c10c4d0b02ee">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="c10c4d0b02ee" data-is-flush-left="true" data-source="listing-----c10c4d0b02ee---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/c10c4d0b02ee" data-action-source="listing-----c10c4d0b02ee---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="c10c4d0b02ee">72</button></span></div></div><div class="buttonSet u-floatRight"><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="c10c4d0b02ee"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="5bc962c94c39" data-source="---------5-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@MariaLuiza-CS" data-action="show-user-card" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*0rhOlghyVNvvfLD56r4W-Q.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Maria Luíza"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@MariaLuiza-CS?source=---------5-----------------------" data-action="show-user-card" data-action-source="---------5-----------------------" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto">Maria Luíza</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------5-----------------------" data-action="show-collection-card" data-action-source="---------5-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/animation-component-with-compose-5bc962c94c39?source=---------5-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/animation-component-with-compose-5bc962c94c39?source=---------5-----------------------" data-action-source="preview-listing" ><time datetime="2023-08-04T11:53:10.451Z">Aug 4, 2023</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="3 min read"></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/animation-component-with-compose-5bc962c94c39?source=---------5-----------------------" data-action-source="---------5-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="1*LrWayc4kHxxm8OR31aF-iQ.gif" data-width="480" data-height="265" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/1*LrWayc4kHxxm8OR31aF-iQ.gif"></div></figure><h4 name="08bb" id="08bb" class="graf graf--h4 graf-after--figure graf--kicker">Learning Android Development</h4><h3 name="5626" id="5626" class="graf graf--h3 graf-after--h4 graf--title">Animation Component with Compose</h3><h4 name="400a" id="400a" class="graf graf--h4 graf-after--h3 graf--trailing graf--subtitle">How to make your Android…</h4></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/animation-component-with-compose-5bc962c94c39?source=---------5-----------------------" data-action="open-post" data-action-source="---------5-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/animation-component-with-compose-5bc962c94c39?source=---------5-----------------------" data-post-id="5bc962c94c39">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="5bc962c94c39" data-is-flush-left="true" data-source="listing-----5bc962c94c39---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/5bc962c94c39" data-action-source="listing-----5bc962c94c39---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="5bc962c94c39">164</button></span></div></div><div class="buttonSet u-floatRight"><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="5bc962c94c39"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="d062e10b35cc" data-source="---------6-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@pherwani37" data-action="show-user-card" data-action-value="bd5225eb021c" data-action-type="hover" data-user-id="bd5225eb021c" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*AQvXNLkP9nPPvxcQur1NtA@2x.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Nirbhay Pherwani"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@pherwani37?source=---------6-----------------------" data-action="show-user-card" data-action-source="---------6-----------------------" data-action-value="bd5225eb021c" data-action-type="hover" data-user-id="bd5225eb021c" dir="auto">Nirbhay Pherwani</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------6-----------------------" data-action="show-collection-card" data-action-source="---------6-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/unlocking-the-magic-of-dynamic-composable-animations-in-jetpack-compose-d062e10b35cc?source=---------6-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/unlocking-the-magic-of-dynamic-composable-animations-in-jetpack-compose-d062e10b35cc?source=---------6-----------------------" data-action-source="preview-listing" ><time datetime="2023-08-01T17:51:35.206Z">Aug 1, 2023</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="4 min read"></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/unlocking-the-magic-of-dynamic-composable-animations-in-jetpack-compose-d062e10b35cc?source=---------6-----------------------" data-action-source="---------6-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="1*3GCnRgzRLKEjIJkoMzTMBg.gif" data-width="1230" data-height="693" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/1*3GCnRgzRLKEjIJkoMzTMBg.gif"></div></figure><h4 name="2de8" id="2de8" class="graf graf--h4 graf-after--figure graf--kicker">Learning Android Development</h4><h3 name="01ca" id="01ca" class="graf graf--h3 graf-after--h4 graf--trailing graf--title"><strong class="markup--strong markup--h3-strong">Unlocking the Magic of Dynamic Composable Animations in Jetpack Compose</strong></h3></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/unlocking-the-magic-of-dynamic-composable-animations-in-jetpack-compose-d062e10b35cc?source=---------6-----------------------" data-action="open-post" data-action-source="---------6-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/unlocking-the-magic-of-dynamic-composable-animations-in-jetpack-compose-d062e10b35cc?source=---------6-----------------------" data-post-id="d062e10b35cc">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="d062e10b35cc" data-is-flush-left="true" data-source="listing-----d062e10b35cc---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/d062e10b35cc" data-action-source="listing-----d062e10b35cc---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="d062e10b35cc">78</button></span></div></div><div class="buttonSet u-floatRight"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/unlocking-the-magic-of-dynamic-composable-animations-in-jetpack-compose-d062e10b35cc?source=---------6-----------------------#--responses" data-action-source="---------6-----------------------">1 response</a><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="d062e10b35cc"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="9cadc4f50e6d" data-source="---------7-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@MariaLuiza-CS" data-action="show-user-card" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*0rhOlghyVNvvfLD56r4W-Q.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Maria Luíza"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@MariaLuiza-CS?source=---------7-----------------------" data-action="show-user-card" data-action-source="---------7-----------------------" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto">Maria Luíza</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------7-----------------------" data-action="show-collection-card" data-action-source="---------7-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/date-and-time-picker-with-compose-9cadc4f50e6d?source=---------7-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/date-and-time-picker-with-compose-9cadc4f50e6d?source=---------7-----------------------" data-action-source="preview-listing" ><time datetime="2023-07-19T12:43:28.062Z">Jul 19, 2023</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="3 min read"></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/date-and-time-picker-with-compose-9cadc4f50e6d?source=---------7-----------------------" data-action-source="---------7-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="1*-NTrBajdh1OkEC5FApQP8A.gif" data-width="480" data-height="311" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/1*-NTrBajdh1OkEC5FApQP8A.gif"></div></figure><h3 name="previewTitle" id="previewTitle" class="graf graf--h3 graf-after--figure graf--title">Date And Time Picker with Compose</h3><h4 name="previewSubtitle" id="previewSubtitle" class="graf graf--h4 graf-after--h3 graf--trailing graf--subtitle">Hello, amazing person of the internet! Hope you’re doing well.</h4></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/date-and-time-picker-with-compose-9cadc4f50e6d?source=---------7-----------------------" data-action="open-post" data-action-source="---------7-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/date-and-time-picker-with-compose-9cadc4f50e6d?source=---------7-----------------------" data-post-id="9cadc4f50e6d">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="9cadc4f50e6d" data-is-flush-left="true" data-source="listing-----9cadc4f50e6d---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/9cadc4f50e6d" data-action-source="listing-----9cadc4f50e6d---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="9cadc4f50e6d">205</button></span></div></div><div class="buttonSet u-floatRight"><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="9cadc4f50e6d"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="9001c561b9c8" data-source="---------8-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@MariaLuiza-CS" data-action="show-user-card" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*0rhOlghyVNvvfLD56r4W-Q.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Maria Luíza"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@MariaLuiza-CS?source=---------8-----------------------" data-action="show-user-card" data-action-source="---------8-----------------------" data-action-value="fdf69c2cc561" data-action-type="hover" data-user-id="fdf69c2cc561" dir="auto">Maria Luíza</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------8-----------------------" data-action="show-collection-card" data-action-source="---------8-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/splash-screen-api-with-jetpack-compose-9001c561b9c8?source=---------8-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/splash-screen-api-with-jetpack-compose-9001c561b9c8?source=---------8-----------------------" data-action-source="preview-listing" ><time datetime="2023-07-28T11:33:29.746Z">Jul 28, 2023</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="2 min read"></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/splash-screen-api-with-jetpack-compose-9001c561b9c8?source=---------8-----------------------" data-action-source="---------8-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="1*q_rGcXDtzCwpAduuRhv74Q.gif" data-width="480" data-height="356" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/1*q_rGcXDtzCwpAduuRhv74Q.gif"></div></figure><h4 name="182a" id="182a" class="graf graf--h4 graf-after--figure graf--kicker">Learning Android Development</h4><h3 name="3320" id="3320" class="graf graf--h3 graf-after--h4 graf--title">Splash Screen API with Jetpack Compose</h3><h4 name="3e30" id="3e30" class="graf graf--h4 graf-after--h3 graf--trailing graf--subtitle">Making your Android…</h4></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/splash-screen-api-with-jetpack-compose-9001c561b9c8?source=---------8-----------------------" data-action="open-post" data-action-source="---------8-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/splash-screen-api-with-jetpack-compose-9001c561b9c8?source=---------8-----------------------" data-post-id="9001c561b9c8">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="9001c561b9c8" data-is-flush-left="true" data-source="listing-----9001c561b9c8---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/9001c561b9c8" data-action-source="listing-----9001c561b9c8---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="9001c561b9c8">203</button></span></div></div><div class="buttonSet u-floatRight"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/splash-screen-api-with-jetpack-compose-9001c561b9c8?source=---------8-----------------------#--responses" data-action-source="---------8-----------------------">5 responses</a><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="9001c561b9c8"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div><div class="streamItem streamItem--postPreview js-streamItem"><div class="cardChromeless u-marginTop20 u-paddingTop10 u-paddingBottom15 u-paddingLeft20 u-paddingRight20"><div class="postArticle postArticle--short js-postArticle js-trackPostPresentation js-trackPostScrolls" data-post-id="b89fa2c43f1c" data-source="---------9-----------------------"><div class="u-clearfix u-marginBottom15 u-paddingTop5"><div class="postMetaInline u-floatLeft u-sm-maxWidthFullWidth"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@elye-project" data-action="show-user-card" data-action-value="5742b4fcf89e" data-action-type="hover" data-user-id="5742b4fcf89e" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*0wVPGGR_3FMoPVGzT4nbTw.png" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Elye - A One Eye Dev By His Grace"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@elye-project?source=---------9-----------------------" data-action="show-user-card" data-action-source="---------9-----------------------" data-action-value="5742b4fcf89e" data-action-type="hover" data-user-id="5742b4fcf89e" dir="auto">Elye - A One Eye Dev By His Grace</a> in <a class="ds-link ds-link--styleSubtle link--darken link--accent u-accentColor--textNormal" href="https://medium.com/mobile-app-development-publication?source=---------9-----------------------" data-action="show-collection-card" data-action-source="---------9-----------------------" data-action-value="mobile-app-development-publication" data-action-type="hover">Mobile App Development Publication</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><a class="link link--darken" href="https://medium.com/mobile-app-development-publication/demystify-jetpack-compose-layout-constraint-and-size-setting-b89fa2c43f1c?source=---------9-----------------------" data-action="open-post" data-action-value="https://medium.com/mobile-app-development-publication/demystify-jetpack-compose-layout-constraint-and-size-setting-b89fa2c43f1c?source=---------9-----------------------" data-action-source="preview-listing" ><time datetime="2023-06-27T13:32:03.271Z">Jun 27, 2023</time></a><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="11 min read"></span><span class="u-paddingLeft4"><span class="svgIcon svgIcon--star svgIcon--15px"><svg class="svgIcon-use" width="15" height="15" ><path d="M7.438 2.324c.034-.099.09-.099.123 0l1.2 3.53a.29.29 0 00.26.19h3.884c.11 0 .127.049.038.111L9.8 8.327a.271.271 0 00-.099.291l1.2 3.53c.034.1-.011.131-.098.069l-3.142-2.18a.303.303 0 00-.32 0l-3.145 2.182c-.087.06-.132.03-.099-.068l1.2-3.53a.271.271 0 00-.098-.292L2.056 6.146c-.087-.06-.071-.112.038-.112h3.884a.29.29 0 00.26-.19l1.2-3.52z"/></svg></span></span></div></div></div></div></div><div><a class="" href="https://medium.com/mobile-app-development-publication/demystify-jetpack-compose-layout-constraint-and-size-setting-b89fa2c43f1c?source=---------9-----------------------" data-action-source="---------9-----------------------"><div class="postArticle-content js-postField"><section class="section section--body section--first section--last"><div class="section-divider"><hr class="section-divider"></div><div class="section-content"><div class="section-inner sectionLayout--insetColumn"><figure name="previewImage" id="previewImage" class="graf graf--figure graf--layoutCroppedHeightPreview graf--leading"><div class="aspectRatioPlaceholder is-locked"><div class="aspectRatioPlaceholder-fill" style="padding-bottom: 30%;"></div><img class="graf-image" data-image-id="0*-P2EKQ3GDZRnXG2A" data-width="6240" data-height="4160" data-unsplash-photo-id="Z1A2U0vo8uY" data-is-featured="true" src="https://cdn-images-1.medium.com/fit/t/1600/480/0*-P2EKQ3GDZRnXG2A"></div></figure><h4 name="2cfe" id="2cfe" class="graf graf--h4 graf-after--figure graf--kicker">Learn Android Development</h4><h3 name="7b48" id="7b48" class="graf graf--h3 graf-after--h4 graf--trailing graf--title">Demystify Jetpack Compose Layout Constraint and Size Setting</h3></div></div></section></div></a></div><div class="postArticle-readMore"><a class="button button--smaller button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/demystify-jetpack-compose-layout-constraint-and-size-setting-b89fa2c43f1c?source=---------9-----------------------" data-action="open-post" data-action-source="---------9-----------------------" data-action-value="https://medium.com/mobile-app-development-publication/demystify-jetpack-compose-layout-constraint-and-size-setting-b89fa2c43f1c?source=---------9-----------------------" data-post-id="b89fa2c43f1c">Read more…</a></div><div class="u-clearfix u-paddingTop10"><div class="u-floatLeft"><div class="multirecommend js-actionMultirecommend u-flexCenter" data-post-id="b89fa2c43f1c" data-is-flush-left="true" data-source="listing-----b89fa2c43f1c---------------------clap_preview"><div class="u-relative u-foreground"><button class="button button--primary button--chromeless u-accentColor--buttonNormal button--withIcon button--withSvgIcon clapButton js-actionMultirecommendButton clapButton--darker" data-action="sign-up-prompt" data-sign-in-action="multivote" data-requires-token="true" data-redirect="https://medium.com/_/vote/p/b89fa2c43f1c" data-action-source="listing-----b89fa2c43f1c---------------------clap_preview" aria-label="Clap"><span class="button-defaultState"><span class="svgIcon svgIcon--clap svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.739 0l.761 2.966L13.261 0z"/><path d="M14.815 3.776l1.84-2.551-1.43-.471z"/><path d="M8.378 1.224l1.84 2.551L9.81.753z"/><path d="M20.382 21.622c-1.04 1.04-2.115 1.507-3.166 1.608.168-.14.332-.29.492-.45 2.885-2.886 3.456-5.982 1.69-9.211l-1.101-1.937-.955-2.02c-.315-.676-.235-1.185.245-1.556a.836.836 0 01.66-.16c.342.056.66.28.879.605l2.856 5.023c1.179 1.962 1.379 5.119-1.6 8.098m-13.29-.528l-5.02-5.02a1 1 0 01.707-1.701c.255 0 .512.098.707.292l2.607 2.607a.442.442 0 00.624-.624L4.11 14.04l-1.75-1.75a.998.998 0 111.41-1.413l4.154 4.156a.44.44 0 00.624 0 .44.44 0 000-.624l-4.152-4.153-1.172-1.171a.998.998 0 010-1.41 1.018 1.018 0 011.41 0l1.172 1.17 4.153 4.152a.437.437 0 00.624 0 .442.442 0 000-.624L6.43 8.222a.988.988 0 01-.291-.705.99.99 0 01.29-.706 1 1 0 011.412 0l6.992 6.993a.443.443 0 00.71-.501l-1.35-2.856c-.315-.676-.235-1.185.246-1.557a.85.85 0 01.66-.16c.342.056.659.28.879.606L18.628 14c1.573 2.876 1.067 5.545-1.544 8.156-1.396 1.397-3.144 1.966-5.063 1.652-1.713-.286-3.463-1.248-4.928-2.714zM10.99 5.976l2.562 2.562c-.497.607-.563 1.414-.155 2.284l.265.562-4.257-4.257a.98.98 0 01-.117-.445c0-.267.104-.517.292-.706a1.023 1.023 0 011.41 0zm8.887 2.06c-.375-.557-.902-.916-1.486-1.011a1.738 1.738 0 00-1.342.332c-.376.29-.61.656-.712 1.065a2.1 2.1 0 00-1.095-.562 1.776 1.776 0 00-.992.128l-2.636-2.636a1.883 1.883 0 00-2.658 0 1.862 1.862 0 00-.478.847 1.886 1.886 0 00-2.671-.012 1.867 1.867 0 00-.503.909c-.754-.754-1.992-.754-2.703-.044a1.881 1.881 0 000 2.658c-.288.12-.605.288-.864.547a1.884 1.884 0 000 2.659l.624.622a1.879 1.879 0 00-.91 3.16l5.019 5.02c1.595 1.594 3.515 2.645 5.408 2.959a7.16 7.16 0 001.173.098c1.026 0 1.997-.24 2.892-.7.279.04.555.065.828.065 1.53 0 2.969-.628 4.236-1.894 3.338-3.338 3.083-6.928 1.738-9.166l-2.868-5.043z"/></g></svg></span></span><span class="button-activeState"><span class="svgIcon svgIcon--clapFilled svgIcon--25px is-flushLeft"><svg class="svgIcon-use" width="25" height="25" ><g fill-rule="evenodd"><path d="M11.738 0l.762 2.966L13.262 0z"/><path d="M16.634 1.224l-1.432-.47-.408 3.022z"/><path d="M9.79.754l-1.431.47 1.84 2.552z"/><path d="M22.472 13.307l-3.023-5.32c-.287-.426-.689-.705-1.123-.776a1.16 1.16 0 00-.911.221c-.297.231-.474.515-.535.84.017.022.036.04.053.063l2.843 5.001c1.95 3.564 1.328 6.973-1.843 10.144a8.46 8.46 0 01-.549.501c1.205-.156 2.328-.737 3.351-1.76 3.268-3.268 3.041-6.749 1.737-8.914"/><path d="M12.58 9.887c-.156-.83.096-1.569.692-2.142L10.78 5.252c-.5-.504-1.378-.504-1.879 0-.178.18-.273.4-.329.63l4.008 4.005z"/><path d="M15.812 9.04c-.218-.323-.539-.55-.88-.606a.814.814 0 00-.644.153c-.176.137-.713.553-.24 1.566l1.43 3.025a.539.539 0 11-.868.612L7.2 6.378a.986.986 0 10-1.395 1.395l4.401 4.403a.538.538 0 11-.762.762L5.046 8.54 3.802 7.295a.99.99 0 00-1.396 0 .981.981 0 000 1.394L3.647 9.93l4.402 4.403a.537.537 0 010 .761.535.535 0 01-.762 0L2.89 10.696a.992.992 0 00-1.399-.003.983.983 0 000 1.395l1.855 1.854 2.763 2.765a.538.538 0 01-.76.761l-2.765-2.764a.982.982 0 00-1.395 0 .989.989 0 000 1.395l5.32 5.32c3.371 3.372 6.64 4.977 10.49 1.126C19.74 19.8 20.271 17 18.62 13.982L15.812 9.04z"/></g></svg></span></span></button></div><span class="u-relative u-background js-actionMultirecommendCount u-marginLeft5"><button class="button button--chromeless u-baseColor--buttonNormal js-multirecommendCountButton u-disablePointerEvents" data-action="show-recommends" data-action-value="b89fa2c43f1c">137</button></span></div></div><div class="buttonSet u-floatRight"><a class="button button--chromeless u-baseColor--buttonNormal" href="https://medium.com/mobile-app-development-publication/demystify-jetpack-compose-layout-constraint-and-size-setting-b89fa2c43f1c?source=---------9-----------------------#--responses" data-action-source="---------9-----------------------">1 response</a><button class="button button--dark button--chromeless is-touchIconFadeInPulse u-baseColor--buttonDark button--withIcon button--withSvgIcon button--bookmark js-bookmarkButton" data-action="add-to-bookmarks" data-action-value="b89fa2c43f1c"><span class="js-remove-from-bookmarks u-hide"><span class="svgIcon svgIcon--bookmarkFilled svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" ><path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 00.706.03L12.5 16.85l5.662 4.126c.205.183.52.17.708-.03a.5.5 0 00.118-.285H19V6z"/></svg></span></span><span class="js-add-to-bookmarks"><span class="svgIcon svgIcon--bookmarkAdd svgIcon--25px is-flushRight"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M18 2.5a.5.5 0 011 0V5h2.5a.5.5 0 010 1H19v2.5a.5.5 0 11-1 0V6h-2.5a.5.5 0 010-1H18V2.5z" fill="#292929"/><path d="M7 7a1 1 0 011-1h3.5a.5.5 0 000-1H8a2 2 0 00-2 2v14a.5.5 0 00.805.396L12.5 17l5.695 4.396A.5.5 0 0019 21v-8.5a.5.5 0 00-1 0v7.485l-5.195-4.012a.5.5 0 00-.61 0L7 19.985V7z" fill="#292929"/></svg></span></span></button></div></div></div></div></div></div></div></div></div></div></div><style class="js-collectionStyle"> .u-accentColor--borderLight {border-color: #1A8917 !important;} .u-accentColor--borderNormal {border-color: #1A8917 !important;} .u-accentColor--borderDark {border-color: #0F730C !important;} .u-accentColor--iconLight .svgIcon,.u-accentColor--iconLight.svgIcon {fill: #1A8917 !important;} .u-accentColor--iconNormal .svgIcon,.u-accentColor--iconNormal.svgIcon {fill: #1A8917 !important;} .u-accentColor--iconDark .svgIcon,.u-accentColor--iconDark.svgIcon {fill: #0F730C !important;} .u-accentColor--textNormal {color: #0F730C !important;} .u-accentColor--hoverTextNormal:hover {color: #0F730C !important;} .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #0F730C !important;} .u-accentColor--textDark {color: #0F730C !important;} .u-accentColor--backgroundLight {background-color: #1A8917 !important;} .u-accentColor--backgroundNormal {background-color: #1A8917 !important;} .u-accentColor--backgroundDark {background-color: #0F730C !important;} .u-accentColor--buttonDark {border-color: #0F730C !important; color: #0F730C !important;} .u-accentColor--buttonDark:hover {border-color: #0F730C !important;} .u-accentColor--buttonDark .icon:before,.u-accentColor--buttonDark .svgIcon{color: #0F730C !important; fill: #0F730C !important;} .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #1A8917 !important; color: #0F730C !important;} .u-accentColor--buttonNormal:hover {border-color: #0F730C !important;} .u-accentColor--buttonNormal .icon:before,.u-accentColor--buttonNormal .svgIcon{color: #1A8917 !important; fill: #1A8917 !important;} .u-accentColor--buttonNormal.button--filled .icon:before,.u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-accentColor--buttonDark.button--filled,.u-accentColor--buttonDark.button--withChrome.is-active,.u-accentColor--fillWhenActive.is-active {background-color: #0F730C !important; border-color: #0F730C !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #1A8917 !important; border-color: #1A8917 !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .postArticle.is-withAccentColors .markup--user,.postArticle.is-withAccentColors .markup--query {color: #0F730C !important;} .u-accentColor--highlightFaint {background-color: rgba(232, 243, 232, 1) !important;} .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(163, 208, 162, 1) !important;} .postArticle.is-withAccentColors .markup--quote.is-other {background-color: rgba(232, 243, 232, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(232, 243, 232, 1), rgba(232, 243, 232, 1));} .postArticle.is-withAccentColors .markup--quote.is-me {background-color: rgba(209, 231, 209, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(209, 231, 209, 1), rgba(209, 231, 209, 1));} .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: rgba(163, 208, 162, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(163, 208, 162, 1), rgba(163, 208, 162, 1));} .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: rgba(163, 208, 162, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(163, 208, 162, 1), rgba(163, 208, 162, 1));} .postArticle.is-withAccentColors .markup--highlight {background-color: rgba(163, 208, 162, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(163, 208, 162, 1), rgba(163, 208, 162, 1));}</style><style class="js-collectionStyleConstant">.u-imageBgColor {background-color: rgba(0, 0, 0, 0.24705882352941178);} .u-imageSpectrum .u-baseColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-baseColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-baseColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--iconLight .svgIcon,.u-imageSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--iconNormal .svgIcon,.u-imageSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--iconDark .svgIcon,.u-imageSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textDark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textDarker {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-baseColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important; color: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-baseColor--buttonLight .icon:before,.u-imageSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonDark .icon:before,.u-imageSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonNormal .icon:before,.u-imageSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonDark.button--filled,.u-imageSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-baseColor--buttonNormal.button--filled,.u-imageSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-baseColor--link {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--darken:active {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--dark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--darker {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .ui-h1,.u-imageSpectrum .ui-h2,.u-imageSpectrum .ui-h3,.u-imageSpectrum .ui-h4,.u-imageSpectrum .ui-brand1,.u-imageSpectrum .ui-brand2,.u-imageSpectrum .ui-captionStrong {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .ui-body,.u-imageSpectrum .ui-caps {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .ui-summary,.u-imageSpectrum .ui-caption {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-accentColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-accentColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-accentColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--iconLight .svgIcon,.u-imageSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-accentColor--iconNormal .svgIcon,.u-imageSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--iconDark .svgIcon,.u-imageSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--textDark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-accentColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark .icon:before,.u-imageSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-accentColor--buttonDark.button--filled,.u-imageSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-imageSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-imageSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .postArticle.is-withAccentColors .markup--user,.u-imageSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--highlightFaint {background-color: rgba(255, 255, 255, 0.2) !important;} .u-imageSpectrum .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(255, 255, 255, 0.6) !important;} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: rgba(255, 255, 255, 0.2) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: rgba(255, 255, 255, 0.4) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}.u-resetSpectrum .u-tintBgColor {background-color: rgba(255, 255, 255, 1) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;} .u-resetSpectrum .u-baseColor--borderLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--borderNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--borderDark {border-color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--iconLight .svgIcon,.u-resetSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--iconNormal .svgIcon,.u-resetSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--iconDark .svgIcon,.u-resetSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textNormal {color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textDark {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textDarker {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--backgroundLight {background-color: rgba(0, 0, 0, 0.09803921568627451) !important;} .u-resetSpectrum .u-baseColor--backgroundNormal {background-color: rgba(0, 0, 0, 0.2) !important;} .u-resetSpectrum .u-baseColor--backgroundDark {background-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight .icon:before,.u-resetSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonDark {border-color: rgba(0, 0, 0, 0.6) !important; color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--buttonDark .icon:before,.u-resetSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important; color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonNormal .icon:before,.u-resetSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(0, 0, 0, 0.4980392156862745) !important; fill: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonDark.button--filled,.u-resetSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2980392156862745) !important; border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-baseColor--buttonNormal.button--filled,.u-resetSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2) !important; border-color: rgba(0, 0, 0, 0.2) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-baseColor--link {color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--darken:active {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--dark {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--link.link--darker {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .ui-h1,.u-resetSpectrum .ui-h2,.u-resetSpectrum .ui-h3,.u-resetSpectrum .ui-h4,.u-resetSpectrum .ui-brand1,.u-resetSpectrum .ui-brand2,.u-resetSpectrum .ui-captionStrong {color: rgba(0, 0, 0, 0.8) !important; fill: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .ui-body,.u-resetSpectrum .ui-caps {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .ui-summary,.u-resetSpectrum .ui-caption {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-accentColor--borderLight {border-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--borderNormal {border-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--borderDark {border-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--iconLight .svgIcon,.u-resetSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--iconNormal .svgIcon,.u-resetSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--iconDark .svgIcon,.u-resetSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--textNormal {color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--textDark {color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundLight {background-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundNormal {background-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundDark {background-color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark {border-color: rgba(17, 128, 14, 1) !important; color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark .icon:before,.u-resetSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(15, 115, 12, 1) !important; fill: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(26, 137, 23, 1) !important; color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(17, 128, 14, 1) !important; fill: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark.button--filled,.u-resetSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-resetSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(15, 115, 12, 1) !important; border-color: rgba(15, 115, 12, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-resetSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(17, 128, 14, 1) !important; border-color: rgba(17, 128, 14, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .postArticle.is-withAccentColors .markup--user,.u-resetSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(17, 128, 14, 1) !important;}</style></div></div></div><div class="loadingBar"></div><script>// <![CDATA[ window["obvInit"] = function (opt_embedded) {window["obvInit"]["embedded"] = opt_embedded; window["obvInit"]["ready"] = true;} // ]]></script><script>// <![CDATA[ var GLOBALS = {"audioUrl":"https://d1fcbxp97j4nb2.cloudfront.net","baseUrl":"https://medium.com","buildLabel":"20241216-1623-root","currentUser":{"userId":"lo_011dbf4a9061","isVerified":false,"subscriberEmail":"","hasPastMemberships":false,"isEnrolledInHightower":false,"isEligibleForHightower":true,"hightowerLastLockedAt":0,"isWriterProgramEnrolled":true,"isWriterProgramInvited":false,"isWriterProgramOptedOut":false,"writerProgramVersion":0,"writerProgramEnrolledAt":0,"friendLinkOnboarding":0,"hasAdditionalUnlocks":false,"hasApiAccess":false,"writerProgramDistributionSettingOptedIn":false,"isSuspended":false,"collectionOnboardingSeen":0,"atsQualifiedAt":0},"currentUserHasUnverifiedEmail":false,"isAuthenticated":false,"isCurrentUserVerified":false,"miroUrl":"https://cdn-images-1.medium.com","moduleUrls":{"base":"https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.eBhzWGgpeTCq2eignYP2yQ.12.js","common-async":"https://cdn-static-1.medium.com/_/fp/gen-js/main-common-async.bundle.L_dvbFgPZ1QKQCbFVFNERw.12.js","hightower":"https://cdn-static-1.medium.com/_/fp/gen-js/main-hightower.bundle.jBpQ-AmW2gI0MYa6vwJodg.12.js","home-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-home-screens.bundle.VXINXi3BrSW4Ni1oF5OUCw.12.js","misc-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-misc-screens.bundle.FYmryJSLVzKplGrLyVk8Vw.12.js","notes":"https://cdn-static-1.medium.com/_/fp/gen-js/main-notes.bundle.1fT0s51LhOxIFhpF7VpcMg.12.js","payments":"https://cdn-static-1.medium.com/_/fp/gen-js/main-payments.bundle.DnlxCkHj_azc_YKsYoXK_w.12.js","posters":"https://cdn-static-1.medium.com/_/fp/gen-js/main-posters.bundle.6xwYcZsPD5BekGx_rvvtBg.12.js","power-readers":"https://cdn-static-1.medium.com/_/fp/gen-js/main-power-readers.bundle.l4jO8KDvWKsNQBZh97r9vA.12.js","pubs":"https://cdn-static-1.medium.com/_/fp/gen-js/main-pubs.bundle.bwrlrKIyNPpj9E1vXfUHtg.12.js","stats":"https://cdn-static-1.medium.com/_/fp/gen-js/main-stats.bundle.V8KT40i1KU-zDSpeaw-3fA.12.js"},"previewConfig":{"weightThreshold":1,"weightImageParagraph":0.51,"weightIframeParagraph":0.8,"weightTextParagraph":0.08,"weightEmptyParagraph":0,"weightP":0.003,"weightH":0.005,"weightBq":0.003,"minPTextLength":60,"truncateBoundaryChars":20,"detectTitle":true,"detectTitleLevThreshold":0.15},"productName":"Medium","supportsEdit":false,"termsUrl":"//policy.medium.com/medium-terms-of-service-9db0094a1e0f","textshotHost":"textshot.textshot-production.svc.cluster.local","transactionId":"1734496330643:76df2008003","useragent":{"browser":"ie","family":"ie","os":"windows","version":7,"supportsDesktopEdit":false,"supportsInteract":false,"supportsView":true,"isMobile":false,"isTablet":false,"isNative":false,"supportsFileAPI":false,"isTier1":false,"clientVersion":"","clientChannel":"","supportsRealScrollEvents":false,"supportsVhUnits":false,"ruinsViewportSections":false,"supportsHtml5Video":false,"supportsMagicUnderlines":false,"isWebView":false,"isFacebookWebView":false,"supportsProgressiveMedia":false,"supportsPromotedPosts":true,"isBot":false,"isNativeIphone":false,"supportsCssVariables":false,"supportsVideoSections":true,"emojiSupportLevel":1,"isSearchBot":false,"isSyndicationBot":false,"isNativeAndroid":false,"isNativeIos":false,"isSeoAuditBot":false,"isInternalApp":false,"supportsApplePay":false,"supportsScrollableMetabar":false},"variants":{"allow_access":true,"allow_signup":true,"allow_test_auth":"disallow","android_enable_editor_new_publishing_flow":true,"android_enable_friend_links_creation":true,"android_enable_friend_links_postpage_banners":true,"android_enable_image_sharer":true,"android_enable_lists_v2":true,"android_enable_syntax_highlight":true,"android_enable_topic_portals":true,"android_rating_prompt_stories_read_threshold":2,"android_two_hour_refresh":true,"available_annual_plan":"2c754bcc2995","available_annual_premium_plan":"4a442ace1476","available_monthly_plan":"60e220181034","available_monthly_premium_plan":"12a660186432","browsable_stream_config_bucket":"curated-topics","can_receive_tips_v0":true,"can_send_tips_v0":true,"coronavirus_topic_recirc":true,"disable_partner_program_enrollment":true,"enable_abandoned_cart_promotion_email":true,"enable_abandoned_paywall_promotion_email":true,"enable_android_dynamic_aspirational_paywall":true,"enable_android_dynamic_programming_paywall":true,"enable_android_miro_v2":true,"enable_android_offline_reading":true,"enable_android_verified_author":true,"enable_app_flirty_thirty":true,"enable_apple_sign_in":true,"enable_apple_webhook":true,"enable_aurora_pub_follower_page":true,"enable_author_cards":true,"enable_author_cards_byline":true,"enable_auto_follow_on_subscribe":true,"enable_automod":true,"enable_bg_post_post":true,"enable_boost_nia_v01":true,"enable_braintree_apple_pay":true,"enable_braintree_client":true,"enable_braintree_google_pay":true,"enable_braintree_integration":true,"enable_braintree_paypal":true,"enable_braintree_trial_membership":true,"enable_braintree_webhook":true,"enable_branch_io":true,"enable_cache_less_following_feed":true,"enable_cancellation_discount_v1_gate":true,"enable_configure_pronouns":true,"enable_conversion_model_v2":"group_2","enable_conversion_ranker_v2":"control","enable_creator_welcome_email":true,"enable_deprecate_legacy_providers_v3":true,"enable_diversification_rex":true,"enable_entities_to_follow_v2":true,"enable_eventstats_event_processing":true,"enable_explicit_signals":true,"enable_explicit_signals_updated_post_previews":true,"enable_footer_app_buttons":true,"enable_gift_banner":true,"enable_google_one_tap":true,"enable_google_webhook":true,"enable_group_gifting":true,"enable_iceland_forced_android":true,"enable_import":true,"enable_intrinsic_automatic_actions":true,"enable_ios_autorefresh":true,"enable_ios_dynamic_paywall_aspiriational":true,"enable_ios_dynamic_paywall_programming":true,"enable_ios_easy_resubscribe":true,"enable_ios_offline_reading":true,"enable_legacy_feed_in_iceland":true,"enable_lite_archive_page":true,"enable_lite_continue_this_thread":true,"enable_lite_homepage":true,"enable_lite_response_markup":true,"enable_lite_server_upstream_deadlines":true,"enable_lo_homepage":"control","enable_maim_the_meter":true,"enable_marketing_emails":true,"enable_mastodon_avatar_upload":true,"enable_mastodon_for_members":true,"enable_mastodon_for_members_username_selection":true,"enable_medium2_kbfd":true,"enable_members_only_audio":true,"enable_ml_rank_rex_anno":true,"enable_moc_load_processor_all_recs_surfaces":true,"enable_moc_load_processor_c":true,"enable_moc_load_processor_first_story":true,"enable_new_manage_membership_flow":true,"enable_new_stripe_customers":true,"enable_newsletter_lo_flow_custom_domains":true,"enable_pill_based_home_feed":true,"enable_post_bottom_responses":true,"enable_post_bottom_responses_input":true,"enable_post_bottom_responses_native":true,"enable_post_publish_permission_check":true,"enable_pp_country_expansion":true,"enable_pp_v4":true,"enable_pre_pp_v4":true,"enable_premium_tier":true,"enable_premium_tier_badge":true,"enable_pub_featuring":true,"enable_publication_hierarchy_web":true,"enable_ranker_v10":"control","enable_recaptcha_enterprise":true,"enable_recirc_model":true,"enable_recommended_publishers_query":true,"enable_rex_aggregator_v2":true,"enable_rex_new_push_notification_endpoint":true,"enable_rex_reading_history":true,"enable_rito_upstream_deadlines":true,"enable_seamless_social_sharing":true,"enable_see_pronouns":true,"enable_sharer_create_post_share_key":true,"enable_sharer_validate_post_share_key":true,"enable_simplified_digest_v2_b":true,"enable_sms_verification_for_publish":true,"enable_speechify_ios":true,"enable_speechify_widget":true,"enable_sprig":true,"enable_starspace":true,"enable_susi_redesign_android":true,"enable_susi_redesign_ios":true,"enable_switch_plan_premium_tier":true,"enable_tag_recs":true,"enable_tick_landing_page":true,"enable_tipping_v0_android":true,"enable_tipping_v0_ios":true,"enable_tribute_landing_page":true,"enable_trust_service_recaptcha":true,"enable_update_explore_wtf":true,"enable_update_topic_portals_wtf":true,"enable_updated_pub_recs_ui":true,"enable_verifications_service":true,"enable_winback_promotion_email":true,"glyph_font_set":"m2-unbound-source-serif-pro","goliath_externalsearch_enable_comment_deindexation":true,"ios_display_paywall_after_onboarding":true,"ios_enable_friend_links_creation":true,"ios_enable_friend_links_postpage_banners":true,"ios_enable_home_post_menu":true,"ios_enable_lock_responses":true,"ios_enable_verified_book_author":true,"ios_iceland_nux":true,"ios_in_app_free_trial":true,"ios_remove_twitter_onboarding_step":true,"ios_social_share_sheet":true,"limit_post_referrers":true,"limit_user_follows":true,"mobile_custom_app_icon":true,"num_post_bottom_responses_to_show":3,"onboarding_tags_from_top_views":true,"reader_fair_distribution_non_qp":true,"redefined_top_posts":true,"reengagement_notification_duration":3,"rex_generator_max_candidates":1000,"signin_services":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple","signup_services":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple","skip_fs_cache_user_vals":true},"xsrfToken":"","iosAppId":"828256236","supportEmail":"yourfriends@medium.com","fp":{"/icons/monogram-mask.svg":"https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.12.svg","/icons/favicon-medium-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-medium-editor.PiakrZWB7Yb80quUVQWM6g.12.ico"},"authBaseUrl":"https://medium.com","imageUploadSizeMb":25,"isAuthDomainRequest":true,"algoliaApiEndpoint":"https://MQ57UUUQZ2-dsn.algolia.net","algoliaAppId":"MQ57UUUQZ2","algoliaSearchOnlyApiKey":"394474ced050e3911ae2249ecc774921","iosAppStoreUrl":"https://itunes.apple.com/app/medium-everyones-stories/id828256236?pt=698524&mt=8","iosAppLinkBaseUrl":"medium:","algoliaIndexPrefix":"medium_","androidPlayStoreUrl":"https://play.google.com/store/apps/details?id=com.medium.reader","googleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","androidPackage":"com.medium.reader","androidPlayStoreMarketScheme":"market://details?id=com.medium.reader","googleAuthUri":"https://accounts.google.com/o/oauth2/auth","androidScheme":"medium","layoutData":{"useDynamicScripts":false,"googleAnalyticsTrackingCode":"G-7JY7T788PK","jsShivUrl":"https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.12.js","useDynamicCss":false,"faviconUrl":"https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19","faviconImageId":"5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19","fontSets":[{"id":8,"url":"https://glyph.medium.com/css/e/sr/latin/e/ssr/latin/e/ssb/latin/m2-unbound-source-serif-pro.css"},{"id":11,"url":"https://glyph.medium.com/css/m2-unbound-source-serif-pro.css"},{"id":9,"url":"https://glyph.medium.com/css/mkt.css"}],"glyphUrl":"https://glyph.medium.com"},"authBaseUrlRev":"moc.muidem//:sptth","stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","archiveUploadSizeMb":100,"previewConfig2":{"weightThreshold":1,"weightImageParagraph":0.05,"raiseImage":true,"enforceHeaderHierarchy":true,"isImageInsetRight":true},"isAmp":false,"iosScheme":"medium","facebook":{"key":"542599432471018","namespace":"medium-com","scope":{"default":["public_profile","email"],"connect":["public_profile","email"],"login":["public_profile","email"],"share":["public_profile","email"]}},"memberContentTopicId":"13d7efd82fb2","audioContentTopicId":"3792abbd134","isDoNotAuth":false,"buggle":{"videoUrl":"https://cdn-videos-1.medium.com","audioUrl":"https://cdn-audio-1.medium.com"},"referrerType":5,"partnerProgramEmail":"partnerprogram@medium.com","recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","countryCode":"SG","bypassMeter":false,"branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","paypal":{"clientMode":"production","oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com/redeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"}},"collectionConfig":{"mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"]},"bypassMeterWithShareKey":false,"recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","cdcMessaging":[{"text":"For more information on the novel coronavirus and Covid-19, visit ","href":"","type":"text","start":0,"end":0},{"text":"cdc.gov","href":"https://www.cdc.gov/coronavirus/2019-nCoV","type":"link","start":66,"end":73},{"text":".","href":"","type":"text","start":0,"end":0}],"braintree":{"merchantId":"m56f8fqpf7ngnrd4"},"diagnostics":{},"domain":"medium.com"} // ]]></script><script charset="UTF-8" src="https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.eBhzWGgpeTCq2eignYP2yQ.12.js" async></script><script>// <![CDATA[ window["obvInit"]({"references":{"Collection":{"f9c208bdbb09":{"id":"f9c208bdbb09","name":"Mobile App Development Publication","slug":"mobile-app-development-publication","tags":["PROGRAMMING","MOBILE APP DEVELOPMENT","ANDROID APP DEVELOPMENT","IOS APP DEVELOPMENT","ANDROIDDEV"],"creatorId":"5742b4fcf89e","description":"Sharing iOS, Android and relevant Mobile App Development Technology and Learning","shortDescription":"Sharing iOS, Android and relevant Mobile App Development…","image":{"imageId":"1*r5bO5bEjNCKLt6fKZbPdCA.png","filter":"","backgroundSize":"","originalWidth":570,"originalHeight":570,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":3638,"activeAt":1732250947866},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false,"canLockOwnPostsForMediumMembers":false,"canViewNewsletterV2Stats":false,"canCreateNewsletterV3":false},"isSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"isSubscribedToCollectionEmails":false,"isMuted":false,"canToggleEmail":false,"isWriter":false},"logo":{"imageId":"1*MdMgVRTnupYGv9gYoKASQQ.png","filter":"","backgroundSize":"","originalWidth":1233,"originalHeight":115,"strategy":"resample","height":0,"width":0},"twitterUsername":"elye_project","facebookPageName":"elye.proj","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Mobile App Development","description":"for Android and iOS","backgroundImage":{"id":"1*C2ZAeP1Mo3zhxYDLB04i5Q.png","originalWidth":2400,"originalHeight":748},"logoImage":{},"alignment":1,"layout":6}},{"type":3,"promoMetadata":{"sectionHeader":"Mobile App Development","promoId":"ebb927f68e94"}},{"type":1,"postListMetadata":{"source":3,"layout":2,"number":5,"postIds":["f208489e9a80","e1e1723f392","1aef83d67659","c82283d15564","9cb8f664cfcf"]}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":14,"postIds":[],"sectionHeader":"Latest"}},{"type":1,"postListMetadata":{"source":2,"layout":4,"number":14,"postIds":[],"sectionHeader":"Trending"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":14,"postIds":[],"tagSlug":"Android App Development","sectionHeader":"Android App Development"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":14,"postIds":[],"tagSlug":"iOS App Development","sectionHeader":"iOS App Development"}}],"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF1A8917","point":0},{"color":"#FF11800E","point":0.1},{"color":"#FF0F730C","point":0.2},{"color":"#FF095407","point":1}],"backgroundColor":"#FFFFFFFF"},"highlightSpectrum":{"colorPoints":[{"color":"#FFFFFFFF","point":0},{"color":"#FFE8F3E8","point":0.1},{"color":"#FFE8F3E8","point":0.2},{"color":"#FFD1E7D1","point":0.6},{"color":"#FFA3D0A2","point":1}],"backgroundColor":"#FFFFFFFF"},"darkBackgroundSpectrum":{"colorPoints":[{"color":"#FF095407","point":0},{"color":"#FF0F730C","point":0.1},{"color":"#FF11800E","point":0.2},{"color":"#FF1A8917","point":1}],"backgroundColor":"#FF000000"}},"navItems":[{"type":1,"title":"Android App Development","tagSlug":"android-app-development","url":"https://medium.com/mobile-app-development-publication/tagged/android-app-development","source":"tagSlug"},{"type":1,"title":"iOS App Development","tagSlug":"ios-app-development","url":"https://medium.com/mobile-app-development-publication/tagged/ios-app-development","source":"tagSlug"},{"type":1,"title":"Jetpack Compose","tagSlug":"jetpack-compose","url":"https://medium.com/mobile-app-development-publication/tagged/jetpack-compose","source":"tagSlug"},{"type":1,"title":"Kotlin","tagSlug":"kotlin","url":"https://medium.com/mobile-app-development-publication/tagged/kotlin","source":"tagSlug"},{"type":1,"title":"Swift","tagSlug":"swift","url":"https://medium.com/mobile-app-development-publication/tagged/swift","source":"tagSlug"},{"type":4,"title":"Dagger","url":"https://medium.com/mobile-app-development-publication/dagger/home","topicId":"c14e29bbdf41","source":"topicId"},{"type":4,"title":"Android UI","url":"https://medium.com/mobile-app-development-publication/android-ui/home","topicId":"8eae2192d281","source":"topicId"}],"colorBehavior":1,"collectionFeatures":[30],"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Mobile App Development","description":"for Android and iOS","backgroundImage":{"id":"1*C2ZAeP1Mo3zhxYDLB04i5Q.png","originalWidth":2400,"originalHeight":748},"logoImage":{},"alignment":1,"layout":6},"subscriberCount":3638,"tagline":"Sharing Mobile App Development and Learning","isOptedIntoAurora":false,"newsletterV3":{"newsletterV3Id":"88a7c4c85c6","type":1,"name":"Update from Mobile App Development Publication","description":"A place where we learn and share our mobile app development experience on Medium","collectionId":"f9c208bdbb09","newsletterSlug":"update-from-mobile-app-development-publication","isSubscribed":false,"showPromo":false,"avatarImageId":"","creatorId":"5742b4fcf89e","showNewsletterPostsInCollectionHome":false,"exportableSubscribersCount":29,"subscribersCount":28,"promoHeadline":"","promoBody":"","replyToEmail":""},"isCurationAllowedByDefault":false,"polarisCoverImage":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"ptsQualifiedAt":1616092799481,"type":"Collection"}},"User":{"4588dfdfdccb":{"userId":"4588dfdfdccb","name":"Harman Khera","username":"harmanpreet.khera","createdAt":1562236871645,"imageId":"1*z0eDkJYyTzE_ZZbY9Cy7KA@2x.jpeg","backgroundImageId":"","bio":"Android Application Developer | Passionate Traveler, Avid Learner","twitterScreenName":"","allowNotes":1,"mediumMemberAt":1724908721971,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":true,"isCreatorPartnerProgramEnrolled":true,"userDismissableFlags":[8,47,29,12,19],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-in","type":"User"},"317abb4f7762":{"userId":"317abb4f7762","name":"Dhanesh Katre","username":"dkexception","createdAt":1515647953073,"imageId":"1*KzukN-f24qQrDJst-2dG9g.jpeg","backgroundImageId":"","bio":"Human being, for time being!","twitterScreenName":"dkexception","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"subdomainCreatedAt":1634455914201,"hasCompletedProfile":false,"userDismissableFlags":[32,29,21,18,49,48,47,12,41,8,7,6,50,30,36,3,2,1,33],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-in","type":"User"},"fdf69c2cc561":{"userId":"fdf69c2cc561","name":"Maria Luíza","username":"MariaLuiza-CS","createdAt":1643033855079,"imageId":"1*0rhOlghyVNvvfLD56r4W-Q.jpeg","backgroundImageId":"","bio":"I'm an Android developer (She/Her). Feel free to ask me anything about the Android world, learning Kotlin/Java & a bit of Dart.","twitterScreenName":"luiza_android","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"firstOpenedAndroidApp":1689448072032,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[29,36,19,2,33],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"pt","type":"User"},"5742b4fcf89e":{"userId":"5742b4fcf89e","name":"Elye - A One Eye Dev By His Grace","username":"elye-project","createdAt":1459594452304,"imageId":"1*0wVPGGR_3FMoPVGzT4nbTw.png","backgroundImageId":"","bio":"Sharing Software Learning, Life and Faith Journey","twitterScreenName":"elye_project","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"Elye Proj","optInToIceland":true,"subdomainCreatedAt":1602767973619,"hasCompletedProfile":false,"isCreatorPartnerProgramEnrolled":true,"userDismissableFlags":[32,29,22,21,19,18,49,48,12,11,9,41,8,50,5,3,2,1,33],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-au","type":"User"},"bd5225eb021c":{"userId":"bd5225eb021c","name":"Nirbhay Pherwani","username":"pherwani37","createdAt":1506334023092,"imageId":"1*AQvXNLkP9nPPvxcQur1NtA@2x.jpeg","backgroundImageId":"","bio":"Lead Android Engineer @ ReachMobi https://linktree.com/nirbhaypherwani","twitterScreenName":"nirbhayph","allowNotes":1,"mediumMemberAt":1689255305000,"isWriterProgramEnrolled":true,"isSuspended":false,"firstOpenedIosApp":1689213995652,"firstOpenedAndroidApp":1596018132858,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":true,"userDismissableFlags":[47,29,42,50,5,19,20,10,1,49],"hasSeenIcelandOnboarding":true,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"}},"Post":{"9b69943cf92d":{"id":"9b69943cf92d","versionId":"cd774eb7e810","creatorId":"4588dfdfdccb","homeCollectionId":"f9c208bdbb09","title":"The Future of Android Development: Embracing Emerging Trends and Technologies","detectedLanguage":"en","latestVersion":"cd774eb7e810","latestPublishedVersion":"cd774eb7e810","hasUnpublishedEdits":false,"latestRev":327,"createdAt":1730135523551,"updatedAt":1731571815335,"acceptedAt":0,"firstPublishedAt":1730162188187,"latestPublishedAt":1730162188187,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"The Android world is a whirlwind of constant change. New trends and technologies keep popping up, making it an exciting but sometimes…","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*08RqtZl6VlTPsT6WEo073A.jpeg","filter":"","backgroundSize":"","originalWidth":6000,"originalHeight":4000,"strategy":"resample","height":0,"width":0},"wordCount":1158,"imageCount":3,"readingTime":4.919811320754717,"subtitle":"The Android world is a whirlwind of constant change. New trends and technologies keep popping up, making it an exciting but sometimes…","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":3,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":144529,"metadata":{"postCount":144529,"coverImage":{"id":"1*IVdzt2CKqQK-moWlu18X6Q.jpeg","originalWidth":736,"originalHeight":736}},"type":"Tag"},{"slug":"emerging-trends","name":"Emerging Trends","postCount":215,"metadata":{"postCount":215,"coverImage":{"id":"0*gQtMSg6tHmzBCGbF","originalWidth":5184,"originalHeight":3456,"isFeatured":true,"unsplashPhotoId":"GWe0dlVD9e0"}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"ar-vr","name":"Ar Vr","postCount":565,"metadata":{"postCount":565,"coverImage":{"id":"0*GEgXgQoug8eUtDNh","originalWidth":1340,"originalHeight":480,"isFeatured":true}},"type":"Tag"},{"slug":"innovation","name":"Innovation","postCount":173885,"metadata":{"postCount":173885,"coverImage":{"id":"1*HcQkDuVUYvpc9vSI48I2Iw.jpeg"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[{"url":"https://unsplash.com/@nampoh?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash","alts":[],"httpStatus":200},{"url":"https://unsplash.com/photos/a-person-holding-a-cell-phone-in-their-hand-uk5FrhKtr7E?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash","alts":[],"httpStatus":200},{"url":"https://unsplash.com/photos/woman-in-black-sweater-holding-white-and-black-vr-goggles-8vn4KvfU640?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash","alts":[],"httpStatus":200},{"url":"https://medium.com/@harmanpreet.khera/building-a-secure-android-application-encryption-techniques-dd11a2208242","alts":[{"type":3,"url":"medium://p/dd11a2208242"},{"type":2,"url":"medium://p/dd11a2208242"}],"httpStatus":200},{"url":"https://medium.com/@harmanpreet.khera/handling-state-in-jetpack-compose-best-practices-ccffc09ce46a","alts":[{"type":3,"url":"medium://p/ccffc09ce46a"},{"type":2,"url":"medium://p/ccffc09ce46a"}],"httpStatus":200},{"url":"https://ai.plainenglish.io/boost-your-android-app-with-ml-kit-a-beginners-guide-36b557c08e3b","alts":[{"type":3,"url":"medium://p/36b557c08e3b"},{"type":2,"url":"medium://p/36b557c08e3b"}],"httpStatus":200},{"url":"https://medium.com/@harmanpreet.khera","alts":[{"type":2,"url":"medium://@harmanpreet.khera"},{"type":3,"url":"medium://@harmanpreet.khera"}],"httpStatus":200},{"url":"https://unsplash.com/@onurbinay?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1730162189190},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":23,"sectionCount":4,"readingList":0,"topics":[{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"the-future-of-android-development-embracing-emerging-trends-and-technologies","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"the-future-of-android-development-embracing-emerging-trends-and-technologies-9b69943cf92d","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*08RqtZl6VlTPsT6WEo073A.jpeg","originalWidth":6000,"originalHeight":4000,"isFeatured":true}},{"name":"2694","type":13,"text":"Learning Android Develo","markups":[],"alignment":1},{"name":"215e","type":3,"text":"The Future of Android Development: Embracing Emerging Trends and Technologies","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"The Android world is a whirlwind of constant change. New trends and technologies keep popping up, making it an exciting but sometimes…"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"448315ff1841","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":1730137051005,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"2694","type":13,"text":"Learning Android Develo","markups":[]},{"name":"215e","type":3,"text":"The Future of Android Development: Embracing Emerging Trends and Technologies","markups":[]},{"name":"9ee0","type":13,"text":"Get prepared ahead for the future of Android Development.","markups":[]},{"name":"38e8","type":4,"text":"Photo by Onur Binay on Unsplash","markups":[{"type":3,"start":9,"end":19,"href":"https://unsplash.com/@onurbinay?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash","title":"","rel":"","anchorType":0},{"type":3,"start":23,"end":31,"href":"https://unsplash.com/photos/a-person-holding-a-cell-phone-in-their-hand-uk5FrhKtr7E?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash","title":"","rel":"","anchorType":0}],"layout":3,"metadata":{"id":"1*08RqtZl6VlTPsT6WEo073A.jpeg","originalWidth":6000,"originalHeight":4000,"isFeatured":true}},{"name":"c3bc","type":1,"text":"The Android world is a whirlwind of constant change. New trends and technologies keep popping up, making it an exciting but sometimes daunting journey for us developers.","markups":[]},{"name":"0c51","type":1,"text":"To stay ahead, we need to keep our fingers on the pulse of innovation, embracing new tools and adapting our skills to create…","markups":[]}],"sections":[{"name":"25f1","startIndex":0}]},"isFullContent":false,"subtitle":"The Android world is a whirlwind of constant change. New trends and technologies keep popping up, making it an exciting but sometimes…"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"dd28dec167a7":{"id":"dd28dec167a7","versionId":"7b5240a40486","creatorId":"317abb4f7762","homeCollectionId":"f9c208bdbb09","title":"Beyond the Frame: Full-Screen Apps with Android’s Edge-To-Edge API","detectedLanguage":"en","latestVersion":"7b5240a40486","latestPublishedVersion":"7b5240a40486","hasUnpublishedEdits":false,"latestRev":942,"createdAt":1710994870265,"updatedAt":1732921709628,"acceptedAt":0,"firstPublishedAt":1711030218957,"latestPublishedAt":1727691321166,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Leveraging Android’s New enableEdgeToEdge API to make full-screen Apps","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*AJhr-lsyMDU1isKpHbQiIQ.jpeg","filter":"","backgroundSize":"","originalWidth":1536,"originalHeight":1536,"strategy":"resample","height":0,"width":0},"wordCount":1108,"imageCount":4,"readingTime":4.881132075471698,"subtitle":"Leveraging Android’s New enableEdgeToEdge API to make full-screen Apps","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":15,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":144529,"metadata":{"postCount":144529,"coverImage":{"id":"1*IVdzt2CKqQK-moWlu18X6Q.jpeg","originalWidth":736,"originalHeight":736}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"android-app-development","name":"Android App Development","postCount":48557,"metadata":{"postCount":48557,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"full-screen-display","name":"Full Screen Display","postCount":12,"metadata":{"postCount":12,"coverImage":{"id":"1*-K6t0EIl955Ib9jkrTpY7A.jpeg","originalWidth":800,"originalHeight":450,"isFeatured":true}},"type":"Tag"},{"slug":"kotlin","name":"Kotlin","postCount":31400,"metadata":{"postCount":31400,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[{"url":"https://google.github.io/accompanist/systemuicontroller/","alts":[],"httpStatus":200},{"url":"https://medium.com/androiddevelopers/gesture-navigation-going-edge-to-edge-812f62e4e83e","alts":[{"type":2,"url":"medium://p/812f62e4e83e"},{"type":3,"url":"medium://p/812f62e4e83e"}],"httpStatus":200},{"url":"https://api.flutter.dev/flutter/widgets/SafeArea-class.html","alts":[],"httpStatus":200},{"url":"https://github.com/dkexception/aqi-app","alts":[],"httpStatus":200},{"url":"https://github.com/android/nowinandroid","alts":[],"httpStatus":200},{"url":"https://developer.android.com/jetpack/compose/layouts/insets#inset-fundamentals","alts":[],"httpStatus":200},{"url":"https://developer.android.com/reference/androidx/activity/ComponentActivity#(androidx.activity.ComponentActivity).enableEdgeToEdge(androidx.activity.SystemBarStyle,androidx.activity.SystemBarStyle)","alts":[],"httpStatus":200},{"url":"https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/package-summary#(androidx.compose.foundation.layout.WindowInsets.Companion).safeDrawing()","alts":[],"httpStatus":200},{"url":"https://chrisbanes.medium.com","alts":[{"type":2,"url":"medium://@chrisbanes"},{"type":3,"url":"medium://@chrisbanes"}],"httpStatus":200},{"url":"https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/package-summary#(androidx.compose.foundation.layout.WindowInsets.Companion).safeContent()","alts":[],"httpStatus":200},{"url":"https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/package-summary#(androidx.compose.foundation.layout.WindowInsets.Companion).safeGestures()","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1727691324169},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":130,"sectionCount":1,"readingList":0,"topics":[{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"beyond-the-frame-full-screen-apps-with-androids-edge-to-edge-api","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"beyond-the-frame-full-screen-apps-with-androids-edge-to-edge-api-dd28dec167a7","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*AJhr-lsyMDU1isKpHbQiIQ.jpeg","originalWidth":1536,"originalHeight":1536,"isFeatured":true}},{"name":"ecd0","type":13,"text":"Learning Android Development","markups":[],"alignment":1},{"name":"5e14","type":3,"text":"Beyond the Frame: Full-Screen Apps with Android’s Edge-To-Edge API","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Leveraging Android’s New enableEdgeToEdge API to make full-screen Apps"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"67738a98e6d2","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"Android enableEdgeToEdge API | Jetpack Compose | Full Screen apps","previewContent2":{"bodyModel":{"paragraphs":[{"name":"ecd0","type":13,"text":"Learning Android Development","markups":[]},{"name":"5e14","type":3,"text":"Beyond the Frame: Full-Screen Apps with Android’s Edge-To-Edge API","markups":[]},{"name":"23df","type":13,"text":"Leveraging Android’s new enableEdgeToEdge API to create full screen apps","markups":[{"type":10,"start":25,"end":41}]},{"name":"4af9","type":4,"text":"Illustration showing Edge-To-Edge content, generated by AI using Google’s AI test kitchen","markups":[],"layout":1,"metadata":{"id":"1*AJhr-lsyMDU1isKpHbQiIQ.jpeg","originalWidth":1536,"originalHeight":1536,"isFeatured":true}},{"name":"1c22","type":3,"text":"Introduction","markups":[]},{"name":"4892","type":1,"text":"Recently I stumbled upon a fascinating tool in the world of Android development, i.e. enableEdgeToEdge API and after integrating it into my Android app, I realise how easy this API makes it to display app’s UI beyond the confines of System Bars (Status & Navigation).","markups":[{"type":10,"start":86,"end":102}]},{"name":"e131","type":1,"text":"This article explains a bit…","markups":[{"type":1,"start":86,"end":101}]}],"sections":[{"name":"bce4","startIndex":0}]},"isFullContent":false,"subtitle":"Leveraging Android’s New enableEdgeToEdge API to make full-screen Apps"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"5f64ce08256c":{"id":"5f64ce08256c","versionId":"f3f800026abe","creatorId":"fdf69c2cc561","homeCollectionId":"f9c208bdbb09","title":"Theming in Jetpack Compose: Enhance the Visual Appeal and User Experience","detectedLanguage":"en","latestVersion":"f3f800026abe","latestPublishedVersion":"f3f800026abe","hasUnpublishedEdits":false,"latestRev":306,"createdAt":1694115503258,"updatedAt":1695271935286,"acceptedAt":0,"firstPublishedAt":1694174487196,"latestPublishedAt":1695271935212,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"By adopting theming best practices and taking advantage of Compose’s built-in tools","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*u8COIiKhHOp2mvn93CdCUw.png","filter":"","backgroundSize":"","originalWidth":449,"originalHeight":494,"strategy":"resample","height":0,"width":0},"wordCount":647,"imageCount":6,"readingTime":3.3915094339622645,"subtitle":"By adopting theming best practices and taking advantage of Compose’s built-in tools","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":10,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":144529,"metadata":{"postCount":144529,"coverImage":{"id":"1*IVdzt2CKqQK-moWlu18X6Q.jpeg","originalWidth":736,"originalHeight":736}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"kotlin","name":"Kotlin","postCount":31400,"metadata":{"postCount":31400,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"themes","name":"Themes","postCount":4544,"metadata":{"postCount":4544,"coverImage":{"id":"1*KezRAH5ineA8EGFTT2UaeQ.png","originalWidth":1024,"originalHeight":1024,"isFeatured":true}},"type":"Tag"},{"slug":"accessibility","name":"Accessibility","postCount":19630,"metadata":{"postCount":19630,"coverImage":{"id":"0*Z2kDRaMEufAC9Vqs","originalWidth":5184,"originalHeight":3888,"alt":"Scrabble Tiles spell out “Listen More”"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://www.instagram.com/luiza.android/","alts":[],"httpStatus":429},{"url":"https://m3.material.io/theme-builder#/custom","alts":[],"httpStatus":200},{"url":"https://dev.to/marialuizacs","alts":[],"httpStatus":200},{"url":"https://twitter.com/luiza_android","alts":[],"httpStatus":200},{"url":"https://github.com/MariaLuiza-CS/ThemingApp/tree/main","alts":[],"httpStatus":200},{"url":"https://github.com/MariaLuiza-CS","alts":[],"httpStatus":200},{"url":"https://www.linkedin.com/in/marialuiza-cs/","alts":[],"httpStatus":999}],"version":"0.3","generatedAt":1695271935862},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":90,"sectionCount":1,"readingList":0,"topics":[{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"theming-in-compose","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"theming-in-compose-5f64ce08256c","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*u8COIiKhHOp2mvn93CdCUw.png","originalWidth":449,"originalHeight":494,"isFeatured":true,"alt":"type your color"}},{"name":"9a4c","type":13,"text":"Learn Android Development","markups":[],"alignment":1},{"name":"7155","type":3,"text":"Theming in Jetpack Compose: Enhance the Visual Appeal and User Experience","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"By adopting theming best practices and taking advantage of Compose’s built-in tools"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"dc17c4525017","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"9a4c","type":13,"text":"Learn Android Development","markups":[]},{"name":"7155","type":3,"text":"Theming in Jetpack Compose: Enhance the Visual Appeal and User Experience","markups":[]},{"name":"1ab3","type":13,"text":"By adopting theming best practices and taking advantage of Compose’s built-in tools","markups":[]},{"name":"e475","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*5G3oWYqNFOT3fy880uxb3A.gif","originalWidth":480,"originalHeight":270}},{"name":"c8a4","type":1,"text":"Hello, fantastic person on the internet! I hope you’re doing well.","markups":[]},{"name":"c58a","type":1,"text":"Among the many features that make Jetpack Compose a game-changer, theming stands tall as a crucial component that can transform not just the look, but also the feel of your application.","markups":[{"type":1,"start":91,"end":108}]},{"name":"fe92","type":1,"text":"Imagine that you’re building an app, and…","markups":[{"type":1,"start":113,"end":123}]}],"sections":[{"name":"adc1","startIndex":0}]},"isFullContent":false,"subtitle":"By adopting theming best practices and taking advantage of Compose’s built-in tools"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"d16fb3e827e5":{"id":"d16fb3e827e5","versionId":"2a84500cfd1a","creatorId":"5742b4fcf89e","homeCollectionId":"f9c208bdbb09","title":"Simple Jetpack Compose Tabs With Fragments","detectedLanguage":"en","latestVersion":"2a84500cfd1a","latestPublishedVersion":"2a84500cfd1a","hasUnpublishedEdits":false,"latestRev":533,"createdAt":1693466974284,"updatedAt":1712594672758,"acceptedAt":0,"firstPublishedAt":1693481285692,"latestPublishedAt":1693481285692,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Making your Jetpack Compose App with Tabs works with Fragment","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"0*SZ066HV5gSU3pp-M","filter":"","backgroundSize":"","originalWidth":5496,"originalHeight":3670,"strategy":"resample","height":0,"width":0},"wordCount":1229,"imageCount":8,"readingTime":5.771069182389937,"subtitle":"Making your Jetpack Compose App with Tabs works with Fragment","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":14,"isBookmarked":false,"tags":[{"slug":"android-app-development","name":"Android App Development","postCount":48557,"metadata":{"postCount":48557,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"androiddev","name":"AndroidDev","postCount":12268,"metadata":{"postCount":12268,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"mobile-app-development","name":"Mobile App Development","postCount":96692,"metadata":{"postCount":96692,"coverImage":{"id":"1*IXtsgrUcINV0nbaVXYmHkg.jpeg","originalWidth":1312,"originalHeight":736,"isFeatured":true}},"type":"Tag"},{"slug":"app-development","name":"App Development","postCount":47900,"metadata":{"postCount":47900,"coverImage":{"id":"1*GClAKniHsXK4qJBxT7CB5A.jpeg","originalWidth":678,"originalHeight":452}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://unsplash.com?utm_source=medium&utm_medium=referral","alts":[],"httpStatus":200},{"url":"https://medium.com/mobile-app-development-publication/load-fragments-in-jetpack-compose-beyond-what-google-taught-356a7981268d","alts":[{"type":3,"url":"medium://p/356a7981268d"},{"type":2,"url":"medium://p/356a7981268d"}],"httpStatus":200},{"url":"https://unsplash.com/@kelsymichael?utm_source=medium&utm_medium=referral","alts":[],"httpStatus":200},{"url":"https://github.com/elye/demo_android_jetpack_compose_fragment_tab_navigation","alts":[],"httpStatus":200},{"url":"https://developer.android.com/reference/kotlin/androidx/compose/runtime/saveable/SaveableStateHolder","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1693481286453},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":38,"sectionCount":2,"readingList":0,"topics":[{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"simple-jetpack-compose-tabs-with-fragments","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":2,"uniqueSlug":"simple-jetpack-compose-tabs-with-fragments-d16fb3e827e5","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"0*SZ066HV5gSU3pp-M","originalWidth":5496,"originalHeight":3670,"isFeatured":true,"unsplashPhotoId":"jcD8lXN27Xs"}},{"name":"0654","type":13,"text":"Learn Android Development","markups":[],"alignment":1},{"name":"43ef","type":3,"text":"Simple Jetpack Compose Tabs With Fragments","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Making your Jetpack Compose App with Tabs works with Fragment"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"fcd1b0e22df7","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":true,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":true,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":1,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":6,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":1693481284142,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"0654","type":13,"text":"Learn Android Development","markups":[]},{"name":"43ef","type":3,"text":"Simple Jetpack Compose Tabs With Fragments","markups":[]},{"name":"9d78","type":13,"text":"Making your Jetpack Compose App with Tabs works with Fragment","markups":[]},{"name":"18ac","type":4,"text":"Photo by Kelsy Gagnebin on Unsplash","markups":[{"type":3,"start":9,"end":23,"href":"https://unsplash.com/@kelsymichael?utm_source=medium&utm_medium=referral","title":"","rel":"photo-creator","anchorType":0},{"type":3,"start":27,"end":35,"href":"https://unsplash.com?utm_source=medium&utm_medium=referral","title":"","rel":"photo-source","anchorType":0}],"layout":1,"metadata":{"id":"0*SZ066HV5gSU3pp-M","originalWidth":5496,"originalHeight":3670,"isFeatured":true,"unsplashPhotoId":"jcD8lXN27Xs"}},{"name":"278b","type":1,"text":"Having Jetpack Compose with Fragments is always a tricky topic, especially with nested Fragments. However, previously I have shared how to get that tackled with an example of the provided Scaffold’s BottomBar through the article below.","markups":[],"hasDropCap":true},{"name":"cbc5","type":14,"text":"Load Fragments in Jetpack Compose: Beyond What Google Taught\nAn experience from unworkable solutions to a solution that can load, pop, and restore fragments as needed.medium.com","markups":[{"type":3,"start":0,"end":177,"href":"https://medium.com/mobile-app-development-publication/load-fragments-in-jetpack-compose-beyond-what-google-taught-356a7981268d","title":"https://medium.com/mobile-app-development-publication/load-fragments-in-jetpack-compose-beyond-what-google-taught-356a7981268d","rel":"","anchorType":0},{"type":1,"start":0,"end":60},{"type":2,"start":61,"end":167}],"mixtapeMetadata":{"mediaResourceId":"281111697681270252eaa7c75ee8b257","thumbnailImageId":"0*ZA7RKQrwdj4bYcr7","href":"https://medium.com/mobile-app-development-publication/load-fragments-in-jetpack-compose-beyond-what-google-taught-356a7981268d"}},{"name":"eff3","type":1,"text":"The high-level codes as below","markups":[]},{"name":"3d30","type":8,"text":"val navController = rememberNavController()\nScaffold(\n topBar =…","markups":[],"codeBlockMetadata":{"mode":2,"lang":"kotlin"}}],"sections":[{"name":"6de0","startIndex":0}]},"isFullContent":false,"subtitle":"Making your Jetpack Compose App with Tabs works with Fragment"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"c10c4d0b02ee":{"id":"c10c4d0b02ee","versionId":"a61bc40a851","creatorId":"fdf69c2cc561","homeCollectionId":"f9c208bdbb09","title":"State With Jetpack Compose","detectedLanguage":"en","latestVersion":"a61bc40a851","latestPublishedVersion":"a61bc40a851","hasUnpublishedEdits":false,"latestRev":289,"createdAt":1691687968970,"updatedAt":1692136535426,"acceptedAt":0,"firstPublishedAt":1691750257916,"latestPublishedAt":1691809728754,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Making State for Jetpack Compose Easier Understood","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*4gyqcyOYB6JrOJjziJGEVQ.gif","filter":"","backgroundSize":"","originalWidth":480,"originalHeight":480,"strategy":"resample","height":0,"width":0},"wordCount":376,"imageCount":3,"readingTime":1.9688679245283018,"subtitle":"Making State for Jetpack Compose Easier Understood","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":15,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":144529,"metadata":{"postCount":144529,"coverImage":{"id":"1*IVdzt2CKqQK-moWlu18X6Q.jpeg","originalWidth":736,"originalHeight":736}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"architecture","name":"Architecture","postCount":59530,"metadata":{"postCount":59530,"coverImage":{"id":"1*TOrayG0uN6GkYLNqmlCXxw.jpeg"}},"type":"Tag"},{"slug":"ui","name":"UI","postCount":66201,"metadata":{"postCount":66201,"coverImage":{"id":"1*5bEcogL476RNW032ke4mrw.png","originalWidth":2120,"originalHeight":1192,"isFeatured":true,"alt":"An pro photo of woman with some street art being edited on Pixelmator."}},"type":"Tag"},{"slug":"kotlin","name":"Kotlin","postCount":31400,"metadata":{"postCount":31400,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://dev.to/marialuizacs","alts":[],"httpStatus":200},{"url":"https://twitter.com/luiza_android","alts":[],"httpStatus":200},{"url":"https://www.instagram.com/luiza.android/","alts":[],"httpStatus":200},{"url":"https://github.com/MariaLuiza-CS","alts":[],"httpStatus":200},{"url":"https://www.linkedin.com/in/marialuiza-cs/","alts":[],"httpStatus":999}],"version":"0.3","generatedAt":1691809729516},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":72,"sectionCount":2,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"state-with-jetpack-compose","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"state-with-jetpack-compose-c10c4d0b02ee","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*4gyqcyOYB6JrOJjziJGEVQ.gif","originalWidth":480,"originalHeight":480,"isFeatured":true}},{"name":"cbc9","type":13,"text":"Learning Android Development","markups":[],"alignment":1},{"name":"232b","type":3,"text":"State With Jetpack Compose","markups":[],"alignment":1},{"name":"eec9","type":13,"text":"Making State for Jetpack…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Making State for Jetpack Compose Easier Understood"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"7c40733f62c7","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":6,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"cbc9","type":13,"text":"Learning Android Development","markups":[]},{"name":"232b","type":3,"text":"State With Jetpack Compose","markups":[]},{"name":"eec9","type":13,"text":"Making State for Jetpack Compose Easier Understood","markups":[]},{"name":"c830","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*4gyqcyOYB6JrOJjziJGEVQ.gif","originalWidth":480,"originalHeight":480,"isFeatured":true}},{"name":"5f17","type":1,"text":"Hello, fantastic person on the internet! Hope you’re doing well.","markups":[]},{"name":"3992","type":1,"text":"When migrating from XML to Compose, it can be difficult to understand certain concepts.","markups":[]},{"name":"f36c","type":3,"text":"State","markups":[]},{"name":"5860","type":1,"text":"There is no way to update the UI after it has been drawn. What you can control is the state of your UI. When the UI…","markups":[{"type":1,"start":0,"end":15}]}],"sections":[{"name":"cc34","startIndex":0}]},"isFullContent":false,"subtitle":"Making State for Jetpack Compose Easier Understood"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"5bc962c94c39":{"id":"5bc962c94c39","versionId":"8303acaebf70","creatorId":"fdf69c2cc561","homeCollectionId":"f9c208bdbb09","title":"Animation Component with Compose","detectedLanguage":"en","latestVersion":"8303acaebf70","latestPublishedVersion":"8303acaebf70","hasUnpublishedEdits":false,"latestRev":390,"createdAt":1691063497947,"updatedAt":1694783692989,"acceptedAt":0,"firstPublishedAt":1691149990451,"latestPublishedAt":1694783692989,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"How to make your Android content more interesting","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*LrWayc4kHxxm8OR31aF-iQ.gif","filter":"","backgroundSize":"","originalWidth":480,"originalHeight":265,"strategy":"resample","height":0,"width":0},"wordCount":463,"imageCount":6,"readingTime":2.6971698113207547,"subtitle":"How to make your Android content more interesting","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":28,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":144529,"metadata":{"postCount":144529,"coverImage":{"id":"1*IVdzt2CKqQK-moWlu18X6Q.jpeg","originalWidth":736,"originalHeight":736}},"type":"Tag"},{"slug":"animation","name":"Animation","postCount":27867,"metadata":{"postCount":27867,"coverImage":{"id":"1*17S2wuYMzP0vrW3Za0WrXw.jpeg","originalWidth":1400,"originalHeight":754,"isFeatured":true,"focusPercentX":47,"focusPercentY":34}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"layout","name":"Layout","postCount":2145,"metadata":{"postCount":2145,"coverImage":{"id":"1*SsLANqsR7CBl9ATjPisBAg.jpeg","originalWidth":1280,"originalHeight":853,"isFeatured":true,"alt":"A woman holding a pencil to her mouth and looking at her laptop screen"}},"type":"Tag"},{"slug":"accessibility","name":"Accessibility","postCount":19630,"metadata":{"postCount":19630,"coverImage":{"id":"0*Z2kDRaMEufAC9Vqs","originalWidth":5184,"originalHeight":3888,"alt":"Scrabble Tiles spell out “Listen More”"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://github.com/MariaLuiza-CS/AnimationComponentCompose","alts":[],"httpStatus":200},{"url":"https://medium.com/design-bootcamp/grid-and-lists-in-compose-c8142df0efde","alts":[{"type":3,"url":"medium://p/c8142df0efde"},{"type":2,"url":"medium://p/c8142df0efde"}],"httpStatus":200}],"version":"0.3","generatedAt":1694783694263},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":164,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"},{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"animation-component-with-compose","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"animation-component-with-compose-5bc962c94c39","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*LrWayc4kHxxm8OR31aF-iQ.gif","originalWidth":480,"originalHeight":265,"isFeatured":true}},{"name":"08bb","type":13,"text":"Learning Android Development","markups":[],"alignment":1},{"name":"5626","type":3,"text":"Animation Component with Compose","markups":[],"alignment":1},{"name":"400a","type":13,"text":"How to make your Android…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"How to make your Android content more interesting"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"3a7204a75c1b","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":6,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"08bb","type":13,"text":"Learning Android Development","markups":[]},{"name":"5626","type":3,"text":"Animation Component with Compose","markups":[]},{"name":"400a","type":13,"text":"How to make your Android content more interesting","markups":[]},{"name":"d99f","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*LrWayc4kHxxm8OR31aF-iQ.gif","originalWidth":480,"originalHeight":265,"isFeatured":true}},{"name":"b4ca","type":1,"text":"Hello, fantastic person on the internet! Hope you’re doing well.","markups":[]},{"name":"bdc4","type":1,"text":"As users become increasingly accustomed to fluid animations and intuitive interactions, incorporating animation into your app has become a pivotal element for success.","markups":[]},{"name":"6e65","type":3,"text":"Animate*AsState","markups":[]},{"name":"9cba","type":1,"text":"This API should be used when animating State changes. Let’s see how we can do this in…","markups":[{"type":10,"start":39,"end":44}]}],"sections":[{"name":"62bc","startIndex":0}]},"isFullContent":false,"subtitle":"How to make your Android content more interesting"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"d062e10b35cc":{"id":"d062e10b35cc","versionId":"1959ea921118","creatorId":"bd5225eb021c","homeCollectionId":"f9c208bdbb09","title":"Unlocking the Magic of Dynamic Composable Animations in Jetpack Compose","detectedLanguage":"en","latestVersion":"1959ea921118","latestPublishedVersion":"1959ea921118","hasUnpublishedEdits":false,"latestRev":295,"createdAt":1690909336699,"updatedAt":1690940584612,"acceptedAt":0,"firstPublishedAt":1690912295206,"latestPublishedAt":1690940579015,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Elevate Your UI with Animated Visibility and Launched Effect in Compose","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*3GCnRgzRLKEjIJkoMzTMBg.gif","filter":"","backgroundSize":"","originalWidth":1230,"originalHeight":693,"strategy":"resample","height":0,"width":0},"wordCount":920,"imageCount":1,"readingTime":3.6716981132075475,"subtitle":"Elevate Your UI with Animated Visibility and Launched Effect in Compose","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":13,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":144529,"metadata":{"postCount":144529,"coverImage":{"id":"1*IVdzt2CKqQK-moWlu18X6Q.jpeg","originalWidth":736,"originalHeight":736}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"programming","name":"Programming","postCount":453917,"metadata":{"postCount":453917,"coverImage":{"id":"1*IodtST4Qfwjaur7Pnn9kXg.png","originalWidth":1280,"originalHeight":720,"isFeatured":true}},"type":"Tag"},{"slug":"animation","name":"Animation","postCount":27867,"metadata":{"postCount":27867,"coverImage":{"id":"1*17S2wuYMzP0vrW3Za0WrXw.jpeg","originalWidth":1400,"originalHeight":754,"isFeatured":true,"focusPercentX":47,"focusPercentY":34}},"type":"Tag"},{"slug":"mobile-app-development","name":"Mobile App Development","postCount":96692,"metadata":{"postCount":96692,"coverImage":{"id":"1*IXtsgrUcINV0nbaVXYmHkg.jpeg","originalWidth":1312,"originalHeight":736,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[{"url":"https://linkedin.com/in/nirbhaypherwani","alts":[],"httpStatus":999},{"url":"https://simonfairbairn.com/generic-node-component-spritekit/node-component/","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1690940579548},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":78,"sectionCount":1,"readingList":0,"topics":[{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"},{"topicId":"ab3d8f7f8eb1","slug":"ios-development","createdAt":1521651850182,"deletedAt":0,"image":{"id":"1*g_B4JNulmfXSj0AyEjImyA@2x.jpeg","originalWidth":5184,"originalHeight":3456},"name":"iOS Dev","description":"Appy talk.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"iOS App Development: Articles and News — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"unlocking-the-magic-of-dynamic-composable-animations-in-jetpack-compose","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"unlocking-the-magic-of-dynamic-composable-animations-in-jetpack-compose-d062e10b35cc","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*3GCnRgzRLKEjIJkoMzTMBg.gif","originalWidth":1230,"originalHeight":693,"isFeatured":true}},{"name":"2de8","type":13,"text":"Learning Android Development","markups":[],"alignment":1},{"name":"01ca","type":3,"text":"Unlocking the Magic of Dynamic Composable Animations in Jetpack Compose","markups":[{"type":1,"start":0,"end":71}],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Elevate Your UI with Animated Visibility and Launched Effect in Compose"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"56f64786bb39","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"2de8","type":13,"text":"Learning Android Development","markups":[]},{"name":"01ca","type":3,"text":"Unlocking the Magic of Dynamic Composable Animations in Jetpack Compose","markups":[{"type":1,"start":0,"end":71}]},{"name":"4ec0","type":13,"text":"Elevate Your UI with Animated Visibility and Launched Effect in Compose","markups":[{"type":2,"start":0,"end":71}]},{"name":"da87","type":4,"text":"About Article (Animation GIF sourced from Simon’s Web Blog)","markups":[{"type":3,"start":42,"end":58,"href":"https://simonfairbairn.com/generic-node-component-spritekit/node-component/","title":"","rel":"","anchorType":0}],"layout":1,"metadata":{"id":"1*3GCnRgzRLKEjIJkoMzTMBg.gif","originalWidth":1230,"originalHeight":693,"isFeatured":true}},{"name":"e190","type":1,"text":"Have you ever been captivated by the smooth, eye-catching animations in modern apps? From impressive entrance effects to graceful fades, animations can truly elevate the user experience. With Jetpack Compose, Google’s declarative UI toolkit for Android, creating these stunning animations has never been easier.","markups":[]},{"name":"f0db","type":1,"text":"In this article, we’ll explore how…","markups":[{"type":10,"start":235,"end":242},{"type":10,"start":247,"end":255}]}],"sections":[{"name":"7a83","startIndex":0}]},"isFullContent":false,"subtitle":"Elevate Your UI with Animated Visibility and Launched Effect in Compose"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"9cadc4f50e6d":{"id":"9cadc4f50e6d","versionId":"fea5bf0da7da","creatorId":"fdf69c2cc561","homeCollectionId":"f9c208bdbb09","title":"Date And Time Picker with Compose","detectedLanguage":"en","latestVersion":"fea5bf0da7da","latestPublishedVersion":"fea5bf0da7da","hasUnpublishedEdits":false,"latestRev":357,"createdAt":1689684501750,"updatedAt":1690601288581,"acceptedAt":0,"firstPublishedAt":1689770608062,"latestPublishedAt":1690601282650,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Hello, amazing person of the internet! Hope you’re doing well.","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*-NTrBajdh1OkEC5FApQP8A.gif","filter":"","backgroundSize":"","originalWidth":480,"originalHeight":311,"strategy":"resample","height":0,"width":0},"wordCount":449,"imageCount":6,"readingTime":2.6443396226415095,"subtitle":"Hello, amazing person of the internet! Hope you’re doing well.","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":28,"isBookmarked":false,"tags":[{"slug":"date","name":"Date","postCount":3802,"metadata":{"postCount":3802,"coverImage":{"id":"1*vRlGWDclAQ_5lOPwLMdflA.jpeg","originalWidth":3200,"originalHeight":1724,"isFeatured":true}},"type":"Tag"},{"slug":"time","name":"Time","postCount":39242,"metadata":{"postCount":39242,"coverImage":{"id":"0*-t-h6nHZZETE-RKk","originalWidth":1563,"originalHeight":2529}},"type":"Tag"},{"slug":"android","name":"Android","postCount":144529,"metadata":{"postCount":144529,"coverImage":{"id":"1*IVdzt2CKqQK-moWlu18X6Q.jpeg","originalWidth":736,"originalHeight":736}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"layout","name":"Layout","postCount":2145,"metadata":{"postCount":2145,"coverImage":{"id":"1*SsLANqsR7CBl9ATjPisBAg.jpeg","originalWidth":1280,"originalHeight":853,"isFeatured":true,"alt":"A woman holding a pencil to her mouth and looking at her laptop screen"}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://dev.to/marialuizacs","alts":[],"httpStatus":200},{"url":"https://github.com/MariaLuiza-CS/NavigationComponent","alts":[],"httpStatus":200},{"url":"https://www.linkedin.com/in/marialuiza-cs/","alts":[],"httpStatus":999},{"url":"https://github.com/MariaLuiza-CS","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1690601283351},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":205,"sectionCount":2,"readingList":0,"topics":[{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"},{"topicId":"ab3d8f7f8eb1","slug":"ios-development","createdAt":1521651850182,"deletedAt":0,"image":{"id":"1*g_B4JNulmfXSj0AyEjImyA@2x.jpeg","originalWidth":5184,"originalHeight":3456},"name":"iOS Dev","description":"Appy talk.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"iOS App Development: Articles and News — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"date-and-time-picker-with-compose","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"date-and-time-picker-with-compose-9cadc4f50e6d","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*-NTrBajdh1OkEC5FApQP8A.gif","originalWidth":480,"originalHeight":311,"isFeatured":true}},{"name":"previewTitle","type":3,"text":"Date And Time Picker with Compose","alignment":1},{"name":"previewSubtitle","type":13,"text":"Hello, amazing person of the internet! Hope you’re doing well.","alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Hello, amazing person of the internet! Hope you’re doing well."},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"aed6","type":13,"text":"Learning Android Development","markups":[]},{"name":"8369","type":3,"text":"Date & Time Picker with Compose","markups":[]},{"name":"6e8f","type":13,"text":"A step by step guide making picking time and date easy on Android App.","markups":[]},{"name":"726c","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*-NTrBajdh1OkEC5FApQP8A.gif","originalWidth":480,"originalHeight":311,"isFeatured":true}},{"name":"c058","type":1,"text":"Hello, amazing person on the internet! Hope you’re doing well.","markups":[]},{"name":"5ba2","type":1,"text":"In today’s world, where every second counts, managing dates and times efficiently in our app has become crucial.","markups":[]},{"name":"4688","type":3,"text":"Data Picker","markups":[]},{"name":"de71","type":1,"text":"By default, a date picker enables you to select a date through a calendar UI. Nevertheless, it also permits switching to a…","markups":[{"type":1,"start":14,"end":25}]}],"sections":[{"name":"73f9","startIndex":0}]},"isFullContent":false,"subtitle":"Hello, amazing person of the internet! Hope you’re doing well."},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"9001c561b9c8":{"id":"9001c561b9c8","versionId":"45779120a3de","creatorId":"fdf69c2cc561","homeCollectionId":"f9c208bdbb09","title":"Splash Screen API with Jetpack Compose","detectedLanguage":"en","latestVersion":"45779120a3de","latestPublishedVersion":"45779120a3de","hasUnpublishedEdits":false,"latestRev":285,"createdAt":1690377498436,"updatedAt":1694783630817,"acceptedAt":0,"firstPublishedAt":1690544009746,"latestPublishedAt":1694783630753,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Making your Android app first impression better","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*q_rGcXDtzCwpAduuRhv74Q.gif","filter":"","backgroundSize":"","originalWidth":480,"originalHeight":356,"strategy":"resample","height":0,"width":0},"wordCount":304,"imageCount":3,"readingTime":1.6971698113207547,"subtitle":"Making your Android app first impression better","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":54,"isBookmarked":false,"tags":[{"slug":"android","name":"Android","postCount":144529,"metadata":{"postCount":144529,"coverImage":{"id":"1*IVdzt2CKqQK-moWlu18X6Q.jpeg","originalWidth":736,"originalHeight":736}},"type":"Tag"},{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"layout","name":"Layout","postCount":2145,"metadata":{"postCount":2145,"coverImage":{"id":"1*SsLANqsR7CBl9ATjPisBAg.jpeg","originalWidth":1280,"originalHeight":853,"isFeatured":true,"alt":"A woman holding a pencil to her mouth and looking at her laptop screen"}},"type":"Tag"},{"slug":"accessibility","name":"Accessibility","postCount":19630,"metadata":{"postCount":19630,"coverImage":{"id":"0*Z2kDRaMEufAC9Vqs","originalWidth":5184,"originalHeight":3888,"alt":"Scrabble Tiles spell out “Listen More”"}},"type":"Tag"},{"slug":"kotlin","name":"Kotlin","postCount":31400,"metadata":{"postCount":31400,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":5,"links":{"entries":[{"url":"https://github.com/MariaLuiza-CS/SplashScreenAPI","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1694783631188},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":203,"sectionCount":2,"readingList":0,"topics":[{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"}]},"coverless":true,"slug":"splash-screen-api-with-jetpack-compose","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"splash-screen-api-with-jetpack-compose-9001c561b9c8","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*q_rGcXDtzCwpAduuRhv74Q.gif","originalWidth":480,"originalHeight":356,"isFeatured":true}},{"name":"182a","type":13,"text":"Learning Android Development","markups":[],"alignment":1},{"name":"3320","type":3,"text":"Splash Screen API with Jetpack Compose","markups":[],"alignment":1},{"name":"3e30","type":13,"text":"Making your Android…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Making your Android app first impression better"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"182a","type":13,"text":"Learning Android Development","markups":[]},{"name":"3320","type":3,"text":"Splash Screen API with Jetpack Compose","markups":[]},{"name":"3e30","type":13,"text":"Making your Android app first impression better","markups":[]},{"name":"05aa","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*q_rGcXDtzCwpAduuRhv74Q.gif","originalWidth":480,"originalHeight":356,"isFeatured":true}},{"name":"2bb5","type":1,"text":"Hello, amazing person on the internet! Hope you’re doing well.","markups":[]},{"name":"b197","type":1,"text":"The first impressions are crucial. Creating a captivating user experience from the moment an app is launched has become a top priority. Users expect seamless, engaging interactions right from the start, and this is where the Splash Screen API, combined…","markups":[{"type":1,"start":4,"end":33}]}],"sections":[{"name":"9ce4","startIndex":0}]},"isFullContent":false,"subtitle":"Making your Android app first impression better"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"b89fa2c43f1c":{"id":"b89fa2c43f1c","versionId":"a5304bb01f96","creatorId":"5742b4fcf89e","homeCollectionId":"f9c208bdbb09","title":"Demystify Jetpack Compose Layout Constraint and Size Setting","detectedLanguage":"en","latestVersion":"a5304bb01f96","latestPublishedVersion":"a5304bb01f96","hasUnpublishedEdits":false,"latestRev":1540,"createdAt":1687266446950,"updatedAt":1692100659829,"acceptedAt":0,"firstPublishedAt":1687872723271,"latestPublishedAt":1692100659829,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Mastering one of the most confusing Jetpack Compose APIs I encountered","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"0*-P2EKQ3GDZRnXG2A","filter":"","backgroundSize":"","originalWidth":6240,"originalHeight":4160,"strategy":"resample","height":0,"width":0},"wordCount":2160,"imageCount":31,"readingTime":10.450943396226414,"subtitle":"Mastering one of the most confusing Jetpack Compose APIs I encountered","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":22,"isBookmarked":false,"tags":[{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"android-app-development","name":"Android App Development","postCount":48557,"metadata":{"postCount":48557,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"app-development","name":"App Development","postCount":47900,"metadata":{"postCount":47900,"coverImage":{"id":"1*GClAKniHsXK4qJBxT7CB5A.jpeg","originalWidth":678,"originalHeight":452}},"type":"Tag"},{"slug":"androiddev","name":"AndroidDev","postCount":12268,"metadata":{"postCount":12268,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},{"slug":"mobile-app-development","name":"Mobile App Development","postCount":96692,"metadata":{"postCount":96692,"coverImage":{"id":"1*IXtsgrUcINV0nbaVXYmHkg.jpeg","originalWidth":1312,"originalHeight":736,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[{"url":"https://unsplash.com?utm_source=medium&utm_medium=referral","alts":[],"httpStatus":200},{"url":"https://medium.com/mobile-app-development-publication/jetpack-compose-custom-layout-made-easy-b5743f8cc82c","alts":[{"type":3,"url":"medium://p/b5743f8cc82c"},{"type":2,"url":"medium://p/b5743f8cc82c"}],"httpStatus":200},{"url":"https://medium.com/mobile-app-development-publication/negative-padding-for-jetpack-compose-made-possible-c82283d15564","alts":[{"type":3,"url":"medium://p/c82283d15564"},{"type":2,"url":"medium://p/c82283d15564"}],"httpStatus":200},{"url":"https://github.com/elye/demo_android_jetpack_compose_custom_layout","alts":[],"httpStatus":200},{"url":"https://unsplash.com/@bahtiarirham?utm_source=medium&utm_medium=referral","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1692100660361},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":137,"sectionCount":2,"readingList":0,"topics":[{"topicId":"64756708407c","slug":"android-development","createdAt":1521652914155,"deletedAt":0,"image":{"id":"1*zLD64ewnrZ3XKBtDUMXQ-w@2x.jpeg","originalWidth":3000,"originalHeight":1997},"name":"Android Dev","description":"Building little green robots.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Android Development: Articles and News — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"demystify-jetpack-compose-layout-constraint-and-size-setting","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":2,"uniqueSlug":"demystify-jetpack-compose-layout-constraint-and-size-setting-b89fa2c43f1c","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"0*-P2EKQ3GDZRnXG2A","originalWidth":6240,"originalHeight":4160,"isFeatured":true,"unsplashPhotoId":"Z1A2U0vo8uY"}},{"name":"2cfe","type":13,"text":"Learn Android Development","markups":[],"alignment":1},{"name":"7b48","type":3,"text":"Demystify Jetpack Compose Layout Constraint and Size Setting","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Mastering one of the most confusing Jetpack Compose APIs I encountered"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"f9c208bdbb09","isNewsletter":false,"newsletterId":"dab92773b292","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":true,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":true,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":1,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":6,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":1687872721946,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"2cfe","type":13,"text":"Learn Android Development","markups":[]},{"name":"7b48","type":3,"text":"Demystify Jetpack Compose Layout Constraint and Size Setting","markups":[]},{"name":"6b40","type":13,"text":"Mastering one of the most confusing Jetpack Compose APIs I encountered","markups":[]},{"name":"fc32","type":4,"text":"Photo by Irham Bahtiar on Unsplash","markups":[{"type":3,"start":9,"end":22,"href":"https://unsplash.com/@bahtiarirham?utm_source=medium&utm_medium=referral","title":"","rel":"photo-creator","anchorType":0},{"type":3,"start":26,"end":34,"href":"https://unsplash.com?utm_source=medium&utm_medium=referral","title":"","rel":"photo-source","anchorType":0}],"layout":1,"metadata":{"id":"0*-P2EKQ3GDZRnXG2A","originalWidth":6240,"originalHeight":4160,"isFeatured":true,"unsplashPhotoId":"Z1A2U0vo8uY"}},{"name":"c6ad","type":1,"text":"I shared about how one can support negative padding in Jetpack Compose. The best solution used is to use Jetpack Compose Custom Layout Modifier.","markups":[{"type":3,"start":27,"end":70,"href":"https://medium.com/mobile-app-development-publication/negative-padding-for-jetpack-compose-made-possible-c82283d15564","title":"","rel":"","anchorType":0},{"type":3,"start":105,"end":134,"href":"https://medium.com/mobile-app-development-publication/jetpack-compose-custom-layout-made-easy-b5743f8cc82c","title":"","rel":"","anchorType":0}],"hasDropCap":true},{"name":"418a","type":1,"text":"However, although the code seems clear, the logic behind how that happened is most confusing for me.","markups":[]},{"name":"140c","type":1,"text":"Take for example the below divider, where we change…","markups":[]}],"sections":[{"name":"8c98","startIndex":0}]},"isFullContent":false,"subtitle":"Mastering one of the most confusing Jetpack Compose APIs I encountered"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"}}},"paging":{"path":"https://medium.com/mobile-app-development-publication/load-more?sortBy=tagged&tagSlug=jetpack-compose","next":{"limit":10,"to":"1687872723381"}},"collection":{"id":"f9c208bdbb09","name":"Mobile App Development Publication","slug":"mobile-app-development-publication","tags":["PROGRAMMING","MOBILE APP DEVELOPMENT","ANDROID APP DEVELOPMENT","IOS APP DEVELOPMENT","ANDROIDDEV"],"creatorId":"5742b4fcf89e","description":"Sharing iOS, Android and relevant Mobile App Development Technology and Learning","shortDescription":"Sharing iOS, Android and relevant Mobile App Development…","image":{"imageId":"1*r5bO5bEjNCKLt6fKZbPdCA.png","filter":"","backgroundSize":"","originalWidth":570,"originalHeight":570,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":3638,"activeAt":1732250947866},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false,"canLockOwnPostsForMediumMembers":false,"canViewNewsletterV2Stats":false,"canCreateNewsletterV3":false},"isSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"isSubscribedToCollectionEmails":false,"isMuted":false,"canToggleEmail":false,"isWriter":false},"logo":{"imageId":"1*MdMgVRTnupYGv9gYoKASQQ.png","filter":"","backgroundSize":"","originalWidth":1233,"originalHeight":115,"strategy":"resample","height":0,"width":0},"twitterUsername":"elye_project","facebookPageName":"elye.proj","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Mobile App Development","description":"for Android and iOS","backgroundImage":{"id":"1*C2ZAeP1Mo3zhxYDLB04i5Q.png","originalWidth":2400,"originalHeight":748},"logoImage":{},"alignment":1,"layout":6}},{"type":3,"promoMetadata":{"sectionHeader":"Mobile App Development","promoId":"ebb927f68e94"}},{"type":1,"postListMetadata":{"source":3,"layout":2,"number":5,"postIds":["f208489e9a80","e1e1723f392","1aef83d67659","c82283d15564","9cb8f664cfcf"]}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":14,"postIds":[],"sectionHeader":"Latest"}},{"type":1,"postListMetadata":{"source":2,"layout":4,"number":14,"postIds":[],"sectionHeader":"Trending"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":14,"postIds":[],"tagSlug":"Android App Development","sectionHeader":"Android App Development"}},{"type":1,"postListMetadata":{"source":4,"layout":4,"number":14,"postIds":[],"tagSlug":"iOS App Development","sectionHeader":"iOS App Development"}}],"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF1A8917","point":0},{"color":"#FF11800E","point":0.1},{"color":"#FF0F730C","point":0.2},{"color":"#FF095407","point":1}],"backgroundColor":"#FFFFFFFF"},"highlightSpectrum":{"colorPoints":[{"color":"#FFFFFFFF","point":0},{"color":"#FFE8F3E8","point":0.1},{"color":"#FFE8F3E8","point":0.2},{"color":"#FFD1E7D1","point":0.6},{"color":"#FFA3D0A2","point":1}],"backgroundColor":"#FFFFFFFF"},"darkBackgroundSpectrum":{"colorPoints":[{"color":"#FF095407","point":0},{"color":"#FF0F730C","point":0.1},{"color":"#FF11800E","point":0.2},{"color":"#FF1A8917","point":1}],"backgroundColor":"#FF000000"}},"navItems":[{"type":1,"title":"Android App Development","tagSlug":"android-app-development","url":"https://medium.com/mobile-app-development-publication/tagged/android-app-development","source":"tagSlug"},{"type":1,"title":"iOS App Development","tagSlug":"ios-app-development","url":"https://medium.com/mobile-app-development-publication/tagged/ios-app-development","source":"tagSlug"},{"type":1,"title":"Jetpack Compose","tagSlug":"jetpack-compose","url":"https://medium.com/mobile-app-development-publication/tagged/jetpack-compose","source":"tagSlug"},{"type":1,"title":"Kotlin","tagSlug":"kotlin","url":"https://medium.com/mobile-app-development-publication/tagged/kotlin","source":"tagSlug"},{"type":1,"title":"Swift","tagSlug":"swift","url":"https://medium.com/mobile-app-development-publication/tagged/swift","source":"tagSlug"},{"type":4,"title":"Dagger","url":"https://medium.com/mobile-app-development-publication/dagger/home","topicId":"c14e29bbdf41","source":"topicId"},{"type":4,"title":"Android UI","url":"https://medium.com/mobile-app-development-publication/android-ui/home","topicId":"8eae2192d281","source":"topicId"}],"colorBehavior":1,"collectionFeatures":[30],"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Mobile App Development","description":"for Android and iOS","backgroundImage":{"id":"1*C2ZAeP1Mo3zhxYDLB04i5Q.png","originalWidth":2400,"originalHeight":748},"logoImage":{},"alignment":1,"layout":6},"subscriberCount":3638,"tagline":"Sharing Mobile App Development and Learning","isOptedIntoAurora":false,"newsletterV3":{"newsletterV3Id":"88a7c4c85c6","type":1,"name":"Update from Mobile App Development Publication","description":"A place where we learn and share our mobile app development experience on Medium","collectionId":"f9c208bdbb09","newsletterSlug":"update-from-mobile-app-development-publication","isSubscribed":false,"showPromo":false,"avatarImageId":"","creatorId":"5742b4fcf89e","showNewsletterPostsInCollectionHome":false,"exportableSubscribersCount":29,"subscribersCount":28,"promoHeadline":"","promoBody":"","replyToEmail":""},"isCurationAllowedByDefault":false,"polarisCoverImage":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"ptsQualifiedAt":1616092799481,"type":"Collection"},"tag":{"slug":"jetpack-compose","name":"Jetpack Compose","postCount":6237,"metadata":{"postCount":6237,"coverImage":{"id":"1*WEJ1mIjP5d32jGhapRiscQ.png","originalWidth":2181,"originalHeight":1188}},"type":"Tag"},"streamItems":[{"createdAt":1734496330968,"postPreview":{"postId":"9b69943cf92d"},"randomId":"9454ffdaa8ae","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"dd28dec167a7"},"randomId":"583a5ce1f3a4","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"5f64ce08256c"},"randomId":"96224093a9eb","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"d16fb3e827e5"},"randomId":"5e2e7e6af832","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"c10c4d0b02ee"},"randomId":"21cbdf8110ca","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"5bc962c94c39"},"randomId":"1127ddc8b1ae","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"d062e10b35cc"},"randomId":"aaab4dfe38ec","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"9cadc4f50e6d"},"randomId":"8b4441fbb248","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"9001c561b9c8"},"randomId":"805c7dac7774","itemType":"postPreview","type":"StreamItem"},{"createdAt":1734496330968,"postPreview":{"postId":"b89fa2c43f1c"},"randomId":"33a637b320ed","itemType":"postPreview","type":"StreamItem"}],"showCdcBanner":false}) // ]]></script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8f3c6d717e2b4085',t:'MTczNDQ5NjMzMS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>