Google Developers Italia: Dark Theme Android in Flutter

Dark Theme Android in Flutter

7 giugno 2019

Pubblicato da Matt Carroll

ha annunciato che aggiungerà il supporto per il Dark Theme in Android QFlutter ha già aggiunto il supporto per il tema scuro a febbraioMaterialApp( theme: ThemeData( brightness: Brightness.light, primaryColor: Colors.red, ), );MaterialApp( theme: ThemeData( brightness: Brightness.light, primaryColor: Colors.red, ), darkTheme: ThemeData( brightness: Brightness.dark, ), );

// <![CDATA[ window["obvInit"] = function (opt_embedded) {window["obvInit"]["embedded"] = opt_embedded; window["obvInit"]["ready"] = true;} // ]]>// <![CDATA[ var GLOBALS = {"audioUrl":"https://d1fcbxp97j4nb2.cloudfront.net","baseUrl":"https://medium.com","buildLabel":"37600-3923f3a","currentUser":{"userId":"lo_vqvNpQgR9GwY","isVerified":false,"subscriberEmail":"","hasPastMemberships":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"hightowerLastLockedAt":0,"isWriterProgramEnrolled":true,"isWriterProgramInvited":false,"isWriterProgramOptedOut":false,"writerProgramVersion":0,"writerProgramEnrolledAt":0,"friendLinkOnboarding":0,"hasAdditionalUnlocks":false,"hasApiAccess":false,"isQuarantined":false,"writerProgramDistributionSettingOptedIn":false},"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.eLlyaWBfcZCiNDLVx0Hl4g.js","common-async":"https://cdn-static-1.medium.com/_/fp/gen-js/main-common-async.bundle.xUKXqm5E4e9ePbFW1FiE8w.js","hightower":"https://cdn-static-1.medium.com/_/fp/gen-js/main-hightower.bundle.0gXkmG7p_tsnIcU9pwODBg.js","home-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-home-screens.bundle.J-P3teR0ZQTvgInndO7fXg.js","misc-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-misc-screens.bundle.-9i01x4eluyzygb-FaPFpw.js","notes":"https://cdn-static-1.medium.com/_/fp/gen-js/main-notes.bundle.rQTYQWVhpsxKbkcXW0vsjg.js","payments":"https://cdn-static-1.medium.com/_/fp/gen-js/main-payments.bundle.GgsQuooSsCLMmh0S7FoEeA.js","posters":"https://cdn-static-1.medium.com/_/fp/gen-js/main-posters.bundle.qaEtcNl7t432tA-njMWOhg.js","power-readers":"https://cdn-static-1.medium.com/_/fp/gen-js/main-power-readers.bundle.J2wendMEJoTM64N9-vEpsQ.js","pubs":"https://cdn-static-1.medium.com/_/fp/gen-js/main-pubs.bundle.WgMe4Oy_SoMjttf8sCMwYA.js","stats":"https://cdn-static-1.medium.com/_/fp/gen-js/main-stats.bundle.Yk9S64mrZ3n8LGfnikvG3A.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":"//medium.com/policy/9db0094a1e0f","textshotHost":"textshot.medium.com","transactionId":"1558531746184:6b1d314be9d8","useragent":{"browser":"other","family":"","os":"","version":0,"supportsDesktopEdit":false,"supportsInteract":false,"supportsView":true,"isMobile":false,"isTablet":false,"isNative":false,"supportsFileAPI":false,"isTier1":false,"clientVersion":"","unknownParagraphsBad":false,"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,"supportsScrollableMetabar":false},"variants":{"allow_access":true,"allow_signup":true,"allow_test_auth":"disallow","signin_services":"twitter,facebook,google,email,google-fastidv,google-one-tap","signup_services":"twitter,facebook,google,email,google-fastidv,google-one-tap","google_sign_in_android":true,"reengagement_notification_duration":3,"browsable_stream_config_bucket":"curated-topics","enable_dedicated_series_tab_api_ios":true,"enable_post_import":true,"available_monthly_plan":"60e220181034","available_annual_plan":"2c754bcc2995","disable_ios_resume_reading_toast":true,"is_not_medium_subscriber":true,"glyph_font_set":"m2","enable_branding":true,"enable_branding_fonts":true,"max_premium_content_per_user_under_metering":3,"enable_automated_mission_control_triggers":true,"enable_lite_profile":true,"enable_marketing_emails":true,"enable_topic_lifecycle_email":true,"enable_parsely":true,"enable_branch_io":true,"enable_ios_post_stats":true,"enable_lite_topics":true,"enable_lite_stories":true,"redis_read_write_splitting":true,"enable_tipalti_onboarding":true,"enable_international_tax_withholding_documentation":true,"enable_annual_renewal_reminder_email":true,"enable_janky_spam_rules":"users,posts","enable_new_collaborative_filtering_data":true,"android_rating_prompt_stories_read_threshold":2,"stripe_v3":true,"enable_google_one_tap":true,"enable_email_sign_in_captcha":true,"enable_rito_with_viewer_query":true,"enable_rito_with_flag_query":true,"enable_rito_post_handler":true,"enable_rito_sequence_post_recirc_query":true,"enable_rito_post_recirc_query":true,"enable_rito_topic_handler":true,"enable_rito_stats_post_handler":true,"enable_rito_stats_post_chart":true,"enable_rito_lifetime_earnings_tooltip":true,"enable_rito_stats_post_referrers_container":true,"enable_rito_post_feature_mutation":true,"enable_rito_post_unfeature_mutation":true,"enable_rito_quote_delete_mutation":true,"enable_rito_user_block_mutation":true,"enable_rito_user_unblock_mutation":true,"enable_rito_report_user_link":true,"enable_rito_bookmark_post_default":true,"enable_rito_unbookmark_post_default":true,"enable_rito_archive_post_default":true,"enable_rito_unarchive_post_default":true,"enable_rito_clap":true,"enable_rito_subscribe_series":true,"enable_rito_unsubscribe_series":true,"enable_rito_follow_topic":true,"enable_rito_unfollow_topic":true,"enable_rito_follow_user":true,"enable_rito_unfollow_user":true,"enable_rito_your_story_delete_mutation":true,"enable_rito_update_last_read_section":true,"enable_primary_topic_for_mobile":true,"enable_rito_sequence_post_handler":true,"enable_logged_out_homepage_signup":true,"use_new_admin_topic_backend":true,"enable_quarantine_rules":true,"enable_lite_privacy_banner":true,"enable_patronus_on_kubernetes":true,"pub_sidebar":true,"enable_rito_user_profile_overview_handler":true,"enable_rito_user_stream_overview":true,"enable_rito_user_profile_latest_handler":true,"enable_rito_user_stream_latest":true,"enable_rito_user_profile_actions":true,"enable_rito_post_actions":true,"enable_rito_user_profile_highlights_handler":true,"enable_rito_user_stream_highlights":true,"enable_rito_user_profile_series_handler":true,"enable_rito_user_stream_series":true,"enable_rito_user_profile_claps_handler":true,"enable_rito_user_stream_claps":true,"enable_rito_user_profile_responses_handler":true,"enable_rito_user_stream_responses":true,"enable_rito_billing_history_handler":true,"enable_rito_your_stories_handler":true,"enable_rito_sequence_library_handler":true,"enable_rito_series_handler":true,"enable_rito_amppost_handler":true,"enable_rito_follow_collection_mutation":true,"enable_rito_unfollow_collection_mutation":true,"enable_pub_newsletters":true,"enable_may_meter_email_test":true,"enable_new_user_avatar_dropdown_menu":true,"enable_mobile_pubcrawl_home_feed":true,"enable_send_pub_digest":true,"enable_draft_in_post_cotent":true,"enable_paypal_cancel_webhook":true,"disable_ensure_featured_distro_processor":true},"xsrfToken":"","iosAppId":"828256236","supportEmail":"yourfriends@medium.com","fp":{"/icons/monogram-mask.svg":"https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.svg","/icons/favicon-dev-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-dev-editor.YKKRxBO8EMvIqhyCwIiJeQ.ico","/icons/favicon-hatch-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-hatch-editor.BuEyHIqlyh2s_XEk4Rl32Q.ico","/icons/favicon-medium-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-medium-editor.PiakrZWB7Yb80quUVQWM6g.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":"UA-24232453-2","jsShivUrl":"https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.js","useDynamicCss":false,"faviconUrl":"https://cdn-static-1.medium.com/_/fp/icons/favicon-rebrand-medium.3Y6xpZ-0FSdWDnPM3hSBIA.ico","faviconImageId":"1*8I-HPL0bfoIzGied-dzOvA.png","fontSets":[{"id":8,"url":"https://glyph.medium.com/css/e/sr/latin/e/ssr/latin/e/ssb/latin/m2.css"},{"id":11,"url":"https://glyph.medium.com/css/m2.css"},{"id":9,"url":"https://glyph.medium.com/css/mkt.css"}],"editorFaviconUrl":"https://cdn-static-1.medium.com/_/fp/icons/favicon-rebrand-medium-editor.3Y6xpZ-0FSdWDnPM3hSBIA.ico","glyphUrl":"https://glyph.medium.com"},"authBaseUrlRev":"moc.muidem//:sptth","isDnt":false,"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","archiveUploadSizeMb":100,"paymentData":{"currencies":{"1":{"label":"US Dollar","external":"usd"}},"countries":{"1":{"label":"United States of America","external":"US"}},"accountTypes":{"1":{"label":"Individual","external":"individual"},"2":{"label":"Company","external":"company"}}},"previewConfig2":{"weightThreshold":1,"weightImageParagraph":0.05,"raiseImage":true,"enforceHeaderHierarchy":true,"isImageInsetRight":true},"isAmp":false,"iosScheme":"medium","isSwBoot":false,"lightstep":{"accessToken":"ce5be895bef60919541332990ac9fef2","carrier":"{\"ot-tracer-spanid\":\"750d118571e5b366\",\"ot-tracer-traceid\":\"04cdfd1c2de2d9b1\",\"ot-tracer-sampled\":\"true\"}","host":"collector-medium.lightstep.com"},"facebook":{"key":"542599432471018","namespace":"medium-com","scope":{"default":["public_profile","email"],"connect":["public_profile","email"],"login":["public_profile","email"],"share":["public_profile","email"]}},"editorsPicksTopicId":"3985d2a191c5","popularOnMediumTopicId":"9d34e48ecf94","memberContentTopicId":"13d7efd82fb2","audioContentTopicId":"3792abbd134","brandedSequenceId":"7d337ddf1941","isDoNotAuth":false,"buggle":{"url":"https://buggle.medium.com","videoUrl":"https://cdn-videos-1.medium.com","audioUrl":"https://cdn-audio-1.medium.com"},"referrerType":5,"isMeteredOut":false,"meterConfig":{"maxUnlockCount":3,"windowLength":"MONTHLY"},"partnerProgramEmail":"partnerprogram@medium.com","userResearchPrompts":[{"promptId":"lo_post_page_4","type":0,"url":"www.calendly.com"},{"promptId":"lo_home_page","type":1,"url":"www.calendly.com"},{"promptId":"lo_profile_page","type":2,"url":"www.calendly.com"}],"recaptchaKey":"6LdAokEUAAAAAC7seICd4vtC8chDb3jIXDQulyUJ","signinWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"countryCode":"US","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":["544c7006046e","bcc38c8f6edf","444d13b52878","8d6b8a439e32","92d2092dc598","1285ba81cada","cb8577c9149e"]}} // ]]>// <![CDATA[ window["obvInit"]({"value":{"id":"9c8070b8b127","versionId":"5a7f21ab4df1","creatorId":"1b53de1ff86e","creator":{"userId":"1b53de1ff86e","name":"Matt Carroll","username":"mattcarroll","createdAt":1448158661508,"imageId":"0*JitKRs2ZCHO5EnkF.jpg","backgroundImageId":"","bio":"","twitterScreenName":"","socialStats":{"userId":"1b53de1ff86e","usersFollowedCount":17,"usersFollowedByCount":1237,"type":"SocialStats"},"social":{"userId":"lo_vqvNpQgR9GwY","targetUserId":"1b53de1ff86e","type":"Social"},"facebookAccountId":"","allowNotes":1,"mediumMemberAt":0,"isNsfw":false,"isWriterProgramEnrolled":true,"isQuarantined":false,"type":"User"},"homeCollection":{"id":"4da7dfd21a33","name":"Flutter","slug":"flutter","tags":["MOBILE APP DEVELOPMENT","FLUTTER","GOOGLE","IOS APP DEVELOPMENT","ANDROID APP DEVELOPMENT"],"creatorId":"696ae61bc6e2","description":"Flutter is Google's mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source. Learn more at https://flutter.dev","shortDescription":"Flutter is Google's mobile UI framework for crafting…","image":{"imageId":"1*5-aoK8IBmXve5whBQM90GA.png","filter":"","backgroundSize":"","originalWidth":1000,"originalHeight":1000,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":17280,"activeAt":1557945478338},"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},"isSubscribed":false,"isNewsletterSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false},"logo":{"imageId":"1*FX3yx5KS0fAJNDtGaSEdhw.png","filter":"","backgroundSize":"","originalWidth":2000,"originalHeight":561,"strategy":"resample","height":0,"width":0},"twitterUsername":"flutterdev","collectionMastheadId":"6f4efe3cee51","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Flutter","description":"Build beautiful native apps in record time","backgroundImage":{"id":"1*AiCMREIo1gqbeABcx3CPgw.png","originalWidth":1500,"originalHeight":500},"logoImage":{},"alignment":2,"layout":5}},{"type":1,"postListMetadata":{"source":1,"layout":6,"number":10,"postIds":[]}}],"tintColor":"#FFD5D7DA","lightText":false,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF828588","point":0},{"color":"#FF797B7E","point":0.1},{"color":"#FF707274","point":0.2},{"color":"#FF67686A","point":0.3},{"color":"#FF5D5E60","point":0.4},{"color":"#FF535456","point":0.5},{"color":"#FF494A4B","point":0.6},{"color":"#FF3E3F40","point":0.7},{"color":"#FF333334","point":0.8},{"color":"#FF272728","point":0.9},{"color":"#FF1A1A1A","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FFD5D7DA","point":0},{"color":"#FFC8CACD","point":0.1},{"color":"#FFBABCBF","point":0.2},{"color":"#FFACAEB1","point":0.3},{"color":"#FF9EA0A3","point":0.4},{"color":"#FF909295","point":0.5},{"color":"#FF818386","point":0.6},{"color":"#FF717477","point":0.7},{"color":"#FF616467","point":0.8},{"color":"#FF515356","point":0.9},{"color":"#FF3F4244","point":1}],"backgroundColor":"#FFD5D7DA"},"highlightSpectrum":{"colorPoints":[{"color":"#FFF4F2F2","point":0},{"color":"#FFF2F0F1","point":0.1},{"color":"#FFF0EEEF","point":0.2},{"color":"#FFEEEDED","point":0.3},{"color":"#FFEBEBEC","point":0.4},{"color":"#FFE9E9EA","point":0.5},{"color":"#FFE7E7E8","point":0.6},{"color":"#FFE5E5E7","point":0.7},{"color":"#FFE3E3E5","point":0.8},{"color":"#FFE1E1E3","point":0.9},{"color":"#FFDFE0E2","point":1}],"backgroundColor":"#FFFFFFFF"}},"navItems":[],"colorBehavior":1,"instantArticlesState":0,"acceleratedMobilePagesState":0,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Flutter","description":"Build beautiful native apps in record time","backgroundImage":{"id":"1*AiCMREIo1gqbeABcx3CPgw.png","originalWidth":1500,"originalHeight":500},"logoImage":{},"alignment":2,"layout":5},"type":"Collection"},"homeCollectionId":"4da7dfd21a33","title":"Android Dark Theme in Flutter","detectedLanguage":"en","latestVersion":"5a7f21ab4df1","latestPublishedVersion":"5a7f21ab4df1","hasUnpublishedEdits":false,"latestRev":204,"createdAt":1557810430696,"updatedAt":1557945478465,"acceptedAt":0,"firstPublishedAt":1557945478242,"latestPublishedAt":1557945478242,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"A week ago at Google I/O 2019, the Android team announced support in Android Q for Dark Theme, a system-wide dark UI mode that is toggled…","bodyModel":{"paragraphs":[{"name":"ac14","type":4,"text":"","markups":[],"layout":3,"metadata":{"id":"1*wogDV86zrS8BNYI-8Th-TA.jpeg","originalWidth":1920,"originalHeight":960,"isFeatured":true}},{"name":"14dc","type":3,"text":"Android Dark Theme in Flutter","markups":[]},{"name":"11ee","type":1,"text":"A week ago at Google I/O 2019, the Android team announced support in Android Q for Dark Theme, a system-wide dark UI mode that is toggled by the user. This then begs the question, when will Flutter add support for this awesome new Android feature? Well, you might be surprised to find out that Flutter added support for dark theme back in February! Here’s how to use it.","markups":[{"type":3,"start":48,"end":93,"href":"https://developer.android.com/preview/features/darktheme","title":"","rel":"","anchorType":0},{"type":3,"start":294,"end":347,"href":"https://github.com/flutter/flutter/pull/26605","title":"","rel":"","anchorType":0}]},{"name":"b8d5","type":1,"text":"First, let’s start with a typical MaterialApp that establishes the theme for the rest of the UI. The following is how a typical app would define its theme before Dark Theme.","markups":[{"type":2,"start":34,"end":45}]},{"name":"c48d","type":11,"text":"","markups":[],"layout":1,"iframe":{"mediaResourceId":"1c5700cdb2e385a3667623a51f5bf113","thumbnailUrl":"https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F7259036%3Fs%3D400%26v%3D4&key=a19fcc184b9711e1b4764040d3dc5c07"}},{"name":"9667","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*jNi8NVhtMe7zo_3Nmtajqg.jpeg","originalWidth":1440,"originalHeight":900}},{"name":"a611","type":1,"text":"In Flutter, we introduced a darkTheme property for MaterialApp, which allows you to specify a 2nd, independent theme to be used just for Android’s Dark Theme feature. Let’s introduce a theme with a setting of Brightness.dark for our MaterialApp’s darkTheme.","markups":[{"type":2,"start":28,"end":37},{"type":2,"start":51,"end":62},{"type":2,"start":209,"end":224},{"type":2,"start":233,"end":244},{"type":2,"start":247,"end":256}]},{"name":"c9e1","type":11,"text":"","markups":[],"layout":1,"iframe":{"mediaResourceId":"e3172e5538dd496e6b65de1af26eb0e4","thumbnailUrl":"https://i.embed.ly/1/image?url=https%3A%2F%2Favatars1.githubusercontent.com%2Fu%2F7259036%3Fs%3D400%26v%3D4&key=a19fcc184b9711e1b4764040d3dc5c07"}},{"name":"aa6c","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*b5P4ZxNmuw2q6-cZwj1Ukw.jpeg","originalWidth":1440,"originalHeight":900}},{"name":"97e8","type":1,"text":"Tada! Now when you toggle Dark Theme in your system drawer, your Flutter app will automatically switch from your regular theme to your darkTheme!","markups":[{"type":2,"start":121,"end":126},{"type":2,"start":135,"end":144}]},{"name":"8039","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*dGPFsh1dbSaoNOGQCpsmCw.gif","originalWidth":270,"originalHeight":540}},{"name":"c31e","type":1,"text":"Thanks to Flutter’s use of code for UI, updating your app to support a great new feature takes little more than adding a new property to your widget tree. No XML styles to update, no CSS to update, just a normal Dart parameter.","markups":[]},{"name":"48dc","type":1,"text":"In Flutter, there’s no reason to be afraid of the dark.","markups":[]}],"sections":[{"name":"bc92","startIndex":0}]},"postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*wogDV86zrS8BNYI-8Th-TA.jpeg","filter":"","backgroundSize":"","originalWidth":1920,"originalHeight":960,"strategy":"resample","height":0,"width":0},"wordCount":223,"imageCount":4,"readingTime":1.5415094339622641,"subtitle":"A week ago at Google I/O 2019, the Android team announced support in Android Q for Dark Theme, a system-wide dark UI mode that is toggled…","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":89,"socialRecommends":[],"isBookmarked":false,"tags":[{"slug":"android-app-development","name":"Android App Development","postCount":18250,"metadata":{"postCount":18250,"coverImage":{"id":"1*LnqM-FhZKQuElDgCAtRD7Q.png","originalWidth":3543,"originalHeight":1772}},"type":"Tag"},{"slug":"flutter","name":"Flutter","postCount":3008,"metadata":{"postCount":3008,"coverImage":{"id":"1*YS1KCJ51iHT9vaQAoNOtIA.png","originalWidth":1600,"originalHeight":900,"isFeatured":true}},"type":"Tag"},{"slug":"dark-theme","name":"Dark Theme","postCount":29,"metadata":{"postCount":29,"coverImage":{"id":"1*wogDV86zrS8BNYI-8Th-TA.jpeg","originalWidth":1920,"originalHeight":960,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":2,"links":{"entries":[{"url":"https://developer.android.com/preview/features/darktheme","alts":[],"httpStatus":200},{"url":"https://github.com/flutter/flutter/pull/26605","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1557945482902},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":609,"sectionCount":1,"readingList":0,"topics":[]},"coverless":true,"slug":"android-dark-theme-in-flutter","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"android-dark-theme-in-flutter-9c8070b8b127","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*wogDV86zrS8BNYI-8Th-TA.jpeg","originalWidth":1920,"originalHeight":960,"isFeatured":true}},{"name":"14dc","type":3,"text":"Android Dark Theme in Flutter","markups":[],"alignment":1},{"name":"11ee","type":1,"text":"A week ago at Google I/O 2019, the Android team announced support in Android Q for Dark Theme, a…","markups":[{"type":3,"start":48,"end":93,"href":"https://developer.android.com/preview/features/darktheme","title":"","rel":"","anchorType":0}],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"A week ago at Google I/O 2019, the Android team announced support in Android Q for Dark Theme, a system-wide dark UI mode that is toggled…"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"https://medium.com/flutter/android-dark-theme-in-flutter-9c8070b8b127","approvedHomeCollectionId":"4da7dfd21a33","approvedHomeCollection":{"id":"4da7dfd21a33","name":"Flutter","slug":"flutter","tags":["MOBILE APP DEVELOPMENT","FLUTTER","GOOGLE","IOS APP DEVELOPMENT","ANDROID APP DEVELOPMENT"],"creatorId":"696ae61bc6e2","description":"Flutter is Google's mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source. Learn more at https://flutter.dev","shortDescription":"Flutter is Google's mobile UI framework for crafting…","image":{"imageId":"1*5-aoK8IBmXve5whBQM90GA.png","filter":"","backgroundSize":"","originalWidth":1000,"originalHeight":1000,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":17280,"activeAt":1557945478338},"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},"isSubscribed":false,"isNewsletterSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false},"logo":{"imageId":"1*FX3yx5KS0fAJNDtGaSEdhw.png","filter":"","backgroundSize":"","originalWidth":2000,"originalHeight":561,"strategy":"resample","height":0,"width":0},"twitterUsername":"flutterdev","collectionMastheadId":"6f4efe3cee51","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Flutter","description":"Build beautiful native apps in record time","backgroundImage":{"id":"1*AiCMREIo1gqbeABcx3CPgw.png","originalWidth":1500,"originalHeight":500},"logoImage":{},"alignment":2,"layout":5}},{"type":1,"postListMetadata":{"source":1,"layout":6,"number":10,"postIds":[]}}],"tintColor":"#FFD5D7DA","lightText":false,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF828588","point":0},{"color":"#FF797B7E","point":0.1},{"color":"#FF707274","point":0.2},{"color":"#FF67686A","point":0.3},{"color":"#FF5D5E60","point":0.4},{"color":"#FF535456","point":0.5},{"color":"#FF494A4B","point":0.6},{"color":"#FF3E3F40","point":0.7},{"color":"#FF333334","point":0.8},{"color":"#FF272728","point":0.9},{"color":"#FF1A1A1A","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FFD5D7DA","point":0},{"color":"#FFC8CACD","point":0.1},{"color":"#FFBABCBF","point":0.2},{"color":"#FFACAEB1","point":0.3},{"color":"#FF9EA0A3","point":0.4},{"color":"#FF909295","point":0.5},{"color":"#FF818386","point":0.6},{"color":"#FF717477","point":0.7},{"color":"#FF616467","point":0.8},{"color":"#FF515356","point":0.9},{"color":"#FF3F4244","point":1}],"backgroundColor":"#FFD5D7DA"},"highlightSpectrum":{"colorPoints":[{"color":"#FFF4F2F2","point":0},{"color":"#FFF2F0F1","point":0.1},{"color":"#FFF0EEEF","point":0.2},{"color":"#FFEEEDED","point":0.3},{"color":"#FFEBEBEC","point":0.4},{"color":"#FFE9E9EA","point":0.5},{"color":"#FFE7E7E8","point":0.6},{"color":"#FFE5E5E7","point":0.7},{"color":"#FFE3E3E5","point":0.8},{"color":"#FFE1E1E3","point":0.9},{"color":"#FFDFE0E2","point":1}],"backgroundColor":"#FFFFFFFF"}},"navItems":[],"colorBehavior":1,"instantArticlesState":0,"acceleratedMobilePagesState":0,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"Flutter","description":"Build beautiful native apps in record time","backgroundImage":{"id":"1*AiCMREIo1gqbeABcx3CPgw.png","originalWidth":1500,"originalHeight":500},"logoImage":{},"alignment":2,"layout":5},"type":"Collection"},"newsletterId":"","webCanonicalUrl":"https://medium.com/flutter/android-dark-theme-in-flutter-9c8070b8b127","mediumUrl":"https://medium.com/flutter/android-dark-theme-in-flutter-9c8070b8b127","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isNsfw":false,"isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"type":"Post"},"mentionedUsers":[],"collaborators":[],"hideMeter":false,"collectionUserRelations":[],"mode":null,"references":{"User":{"1b53de1ff86e":{"userId":"1b53de1ff86e","name":"Matt Carroll","username":"mattcarroll","createdAt":1448158661508,"imageId":"0*JitKRs2ZCHO5EnkF.jpg","backgroundImageId":"","bio":"","twitterScreenName":"","socialStats":{"userId":"1b53de1ff86e","usersFollowedCount":17,"usersFollowedByCount":1237,"type":"SocialStats"},"social":{"userId":"lo_vqvNpQgR9GwY","targetUserId":"1b53de1ff86e","type":"Social"},"facebookAccountId":"","allowNotes":1,"mediumMemberAt":0,"isNsfw":false,"isWriterProgramEnrolled":true,"isQuarantined":false,"type":"User"}},"Collection":{"4da7dfd21a33":{"id":"4da7dfd21a33","name":"Flutter","slug":"flutter","tags":["MOBILE APP DEVELOPMENT","FLUTTER","GOOGLE","IOS APP DEVELOPMENT","ANDROID APP DEVELOPMENT"],"creatorId":"696ae61bc6e2","description":"Flutter is Google's mobile UI framework for crafting high-quality native interfaces on iOS and Android in record time. Flutter works with existing code, is used by developers and organizations around the world, and is free and open source. Learn more at https://flutter.dev","shortDescription":"Flutter is Google's mobile UI framework for crafting…","image":{"imageId":"1*5-aoK8IBmXve5whBQM90GA.png","filter":"","backgroundSize":"","originalWidth":1000,"originalHeight":1000,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":17280,"activeAt":1557945478338},"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},"isSubscribed":false,"isNewsletterSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false},"logo":{"imageId":"1*FX3yx5KS0fAJNDtGaSEdhw.png","filter":"","backgroundSize":"","originalWidth":2000,"originalHeight":561,"strategy":"resample","height":0,"width":0},"twitterUsername":"flutterdev","collectionMastheadId":"6f4efe3cee51","sections":[{"type":2,"collectionHeaderMetadata":{"title":"Flutter","description":"Build beautiful native apps in record time","backgroundImage":{"id":"1*AiCMREIo1gqbeABcx3CPgw.png","originalWidth":1500,"originalHeight":500},"logoImage":{},"alignment":2,"layout":5}},{"type":1,"postListMetadata":{"source":1,"layout":6,"number":10,"postIds":[]}}],"tintColor":"#FFD5D7DA","lightText":false,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF828588","point":0},{"color":"#FF797B7E","point":0.1},{"color":"#FF707274","point":0.2},{"color":"#FF67686A","point":0.3},{"color":"#FF5D5E60","point":0.4},{"color":"#FF535456","point":0.5},{"color":"#FF494A4B","point":0.6},{"color":"#FF3E3F40","point":0.7},{"color":"#FF333334","point":0.8},{"color":"#FF272728","point":0.9},{"color":"#FF1A1A1A","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FFD5D7DA","point":0},{"color":"#FFC8CACD","point":0.1},{"color":"#FFBABCBF","point":0.2},{"color":"#FFACAEB1","point":0.3},{"color":"#FF9EA0A3","point":0.4},{"color":"#FF909295","point":0.5},{"color":"#FF818386","point":0.6},{"color":"#FF717477","point":0.7},{"color":"#FF616467","point":0.8},{"color":"#FF515356","point":0.9},{"color":"#FF3F4244","point":1}],"backgroundColor":"#FFD5D7DA"},"highlightSpectrum":{"colorPoints":[{"color":"#FFF4F2F2","point":0},{"color":"#FFF2F0F1","point":0.1},{"color":"#FFF0EEEF","point":0.2},{"color":"#FFEEEDED","point":0.3},{"color":"#FFEBEBEC","point":0.4},{"color":"#FFE9E9EA","point":0.5},{"color":"#FFE7E7E8","point":0.6},{"color":"#FFE5E5E7","point":0.7},{"color":"#FFE3E3E5","point":0.8},{"color":"#FFE1E1E3","point":0.9},{"color":"#FFDFE0E2","point":1}],"backgroundColor":"#FFFFFFFF"}},"navItems":[],"colorBehavior":1,"instantArticlesState":0,"acceleratedMobilePagesState":0,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":

Dark Theme Android in Flutter

Etichette

Archivio Blog

Feed