{"id":820,"date":"2023-02-03T18:22:24","date_gmt":"2023-02-03T18:22:24","guid":{"rendered":"https:\/\/learnmobiledevelopment.com\/?p=820"},"modified":"2023-02-03T18:43:08","modified_gmt":"2023-02-03T18:43:08","slug":"prevent-dark-mode-in-xamarin-forms","status":"publish","type":"post","link":"https:\/\/learnmobiledevelopment.com\/index.php\/2023\/02\/03\/prevent-dark-mode-in-xamarin-forms\/","title":{"rendered":"How to Prevent Dark Mode in Xamarin forms"},"content":{"rendered":"\n

When an app runs on iOS 13<\/strong> and when a user flips to dark mode<\/strong> from settings then apps do not look so great. So there are two ways to handle this: either create different themes for Dark Mode<\/strong> and Light Mode<\/strong> and switch based on the system’s theme at runtime or prevent the Dark Mode<\/strong>. So In this article, I\u2019m going to show you how to Prevent Dark Mode in Xamarin Forms.<\/p>\n\n\n\n

Dark Mode<\/strong> is introduced in iOS 13<\/strong> and In Android It’s introduced in Android 10<\/strong> (API Level 29) in android it is called Dark Theme<\/strong>. <\/p>\n\n\n\n

Let’s Start<\/strong><\/p>\n\n\n\n

To force the light theme in application we need to do some changes in native side.<\/p>\n\n\n\n

In iOS Side :<\/strong><\/p>\n\n\n\n

Add the following key to info.plist<\/strong> file :<\/p>\n\n\n\n

<key>UIUserInterfaceStyle<\/key>\n<string>Light<\/string><\/pre>\n\n\n\n
We can also do this by creating custom renderer for either ContentPage<\/strong> or NavigationPage<\/strong> as follows :<\/p>\n\n\n\n
Using ContentPage Renderer :<\/strong><\/p>\n\n\n\n
[assembly: ExportRenderer(typeof(ContentPage), typeof(CustomPageRenderer))]\nnamespace Example.iOS\n{\n    public class CustomPageRenderer : PageRenderer\n    {\n        protected override void OnElementChanged(VisualElementChangedEventArgs e)\n        {\n            base.OnElementChanged(e);\n\n            OverrideUserInterfaceStyle = UIUserInterfaceStyle.Light;\n        }\n    }\n}<\/pre>\n\n\n\n
Using NavigationPage Renderer :<\/strong><\/p>\n\n\n\n
[assembly: ExportRenderer(typeof(NavigationPage), typeof(CustomNaviPageRenderer))]\nnamespace Example.iOS\n{\n    public class CustomNaviPageRenderer : NavigationRenderer\n    {\n        protected override void OnElementChanged(VisualElementChangedEventArgs e)\n        {\n            base.OnElementChanged(e);\n\n            OverrideUserInterfaceStyle = UIUserInterfaceStyle.Light;\n        }\n    }\n}<\/pre>\n\n\n\n
In Android Side :<\/strong><\/p>\n\n\n\n
We have to put the below code to OnCreate()<\/strong> method in MainActivity<\/strong> :<\/p>\n\n\n\n
AppCompatDelegate.DefaultNightMode = AppCompatDelegate.ModeNightNo;<\/pre>\n\n\n\n
<\/div>\n\n\n\n
That\u2019s all for now!<\/p>\n\n\n\n
Happy Coding! \ud83d\ude00<\/strong><\/p>\n\n\n\n
<\/div>\n\n\n\n
You may also like<\/strong><\/p>\n\n\n\n
\n
\n
\"get<\/a><\/figure>\n<\/div>\n\n\n
How to get Device and App Informations in MAUI<\/p>\n<\/div>\n\n\n\n
<\/p>\n\n\n\n
\n
\n
\"UniformItemsLayout<\/a><\/figure>\n<\/div>\n\n\n
How to use UniformItemsLayout in MAUI<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
When an app runs on iOS 13 and when a user flips to dark mode from settings then apps do not look so great. So there are two ways to handle this: either create different themes for Dark Mode and Light Mode and switch based on the system’s theme at runtime or prevent the Dark…<\/p>\n","protected":false},"author":1,"featured_media":831,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[73,74,76,72],"class_list":["post-820","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-xamarin","tag-dark-mode","tag-light-mode","tag-light-theme","tag-prevent-dark-mode-in-xamarin-forms"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/posts\/820","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/comments?post=820"}],"version-history":[{"count":11,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/posts\/820\/revisions"}],"predecessor-version":[{"id":833,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/posts\/820\/revisions\/833"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/media\/831"}],"wp:attachment":[{"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/media?parent=820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/categories?post=820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/learnmobiledevelopment.com\/index.php\/wp-json\/wp\/v2\/tags?post=820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}